SlideShare a Scribd company logo
1 of 11
Download to read offline
HTML
www.seokru.com
HTML
•‫האינטרנט‬ ‫רשת‬ ‫עובדת‬ ‫איך‬?
•‫דף‬ ‫מהו‬HTML?
•‫מבנה‬HTML
•‫אינטרנט‬ ‫דף‬ ‫יצירת‬
•‫תגיות‬HTML‫בסיסיות‬
•, body, head,‫תגיות‬H,‫תמונות‬,‫פסקאות‬,‫קישור‬,
www.seokru.com
‫האינטרנט‬ ‫רשת‬ ‫עובדת‬ ‫איך‬
•‫ארכיטקטורת‬ ‫בעזרת‬ ‫עובדת‬ ‫האינטרנט‬ ‫רשת‬
‫שרת‬-‫לקוח‬.
‫אינטרנט‬ ‫שרת‬‫דפדפן‬ ‫מפעיל‬ ‫לקוח‬
‫לדף‬ ‫בקשה‬
‫שרת‬ ‫תגובת‬
www.seokru.com
HTML ‫דף‬ ‫מהו‬
•‫לדף‬HTML‫סיומת‬ ‫להיות‬ ‫צריכה‬.html‫או‬.htm
•‫דפי‬ ‫ליצור‬ ‫ניתן‬HTML‫ע‬"‫פשוטים‬ ‫טקסט‬ ‫עורכי‬ ‫י‬:
notepad, notepad++
•‫מתקדמים‬ ‫עורכים‬ ‫בעזרת‬ ‫או‬:
Ms Visual studio, Dreamweaver, eclipse
www.seokru.com
HTML ‫מבנה‬
•HTML‫תגיות‬ ‫בעזרת‬ ‫בנוי‬/‫אלמנטים‬.
•‫תגית‬ ‫עם‬ ‫מתחיל‬ ‫דף‬<html>‫ב‬ ‫ומסתיים‬</html>
•‫תגיות‬ ‫בתוך‬ ‫תגיות‬ ‫מוסיפים‬.
<html> <head></head> <body></body> </html>
•‫מאפיינים‬ ‫יש‬ ‫לתגיות‬(attributes.)
<img src="logo.jpg" alt="logo" />
•‫דף‬HMTL‫עיקריות‬ ‫תגיות‬ ‫שתי‬ ‫בעזרת‬ ‫מבנה‬ ‫יוצר‬:
<head></head> <body></body>
www.seokru.com
‫אינטרנט‬ ‫דף‬ ‫יצירת‬
• <html !DOCTYPE>
• <head>
• <title>My First HTML
Page</title>
• </head>
• <body>
• <p>This is some text...</p>
• </body>
• </html>
‫פתיחה‬ ‫תגית‬
‫סגירה‬ ‫תגית‬
www.seokru.com
‫בסיסיות‬ HTML ‫תגיות‬
www.seokru.com
HEAD ‫תגית‬
• <!DOCTYPE HTML>
• <html>
• <head>
• <title>My First HTML </title>
• </head>
• <body>
• <p>This is some text...</p>
• </body>
• </html>
HTML head
www.seokru.com
BODY ‫תגית‬
• <!DOCTYPE HTML>
• <html>
• <head>
• <title>My First HTML </title>
• </head>
• <body>
• <p>This is some text...</p>
• </body>
• </html> HTML body
www.seokru.com
‫בסיסיות‬ ‫תגיות‬
‫קישור‬ ‫תגית‬:
• <a href="http://www.hackeru.co.il">Link to
Hackeru</a>
‫תמונה‬ ‫תגית‬:
<img src="logo.gif" alt="logo" />
•‫כותרות‬H,‫בולט‬ ‫וטקסט‬ ‫פיסקה‬:
<h1>This is H1</h1>
<h2>This sub head</h2>
<p>This a paragraph, this is <b>Bold.</b> text
new line<br />
</p>
A (anchor): ‫לקישור‬ ‫הפתיחה‬ ‫תגית‬
Href: ‫מפנה‬ ‫הקישור‬ ‫לאן‬ ‫קובע‬
Img ‫לתמונה‬ ‫אלטרנטיבי‬ ‫טקסט‬|‫הקובץ‬ ‫מקור‬|‫תגית‬
www.seokru.com
‫התגיות‬ ‫שילוב‬
• <html>
• <head><title>Headings and paragraphs</title>
• </head>
• <body>
• <h1>Heading 1</h1>
• <h2>Sub heading 2</h2>
• <h3>Sub heading 3</h3>
• <p>This is my first paragraph</p>
• <p>A paragraph with a link <a
href="http://www.hackeru.co.il">Link to Hackeru</a>
• </p>
• <img src=“/logo.jpg” alt=“the logo”/>
• <div>This is a div</div>
• </body>
• </html>
•
Credit to: www.seokru.com
‫על‬ ‫המכריזה‬ ‫ביותר‬ ‫הכללית‬ ‫הראשונה‬ ‫התגית‬
‫מסוג‬ ‫עמוד‬html.
‫תגית‬HEAD‫ומנועי‬ ‫לדפדפן‬ ‫מידע‬ ‫שמספקת‬
‫החיפוש‬,‫לגולש‬ ‫שמוצג‬ ‫בדף‬ ‫רואים‬ ‫לא‬ ‫אבל‬.
‫ה‬ ‫בתגית‬ ‫מתחיל‬ ‫הגולש‬ ‫שרואה‬ ‫מה‬ ‫כל‬BODY
‫ושלישית‬ ‫שנייה‬ ‫ראשונה‬ ‫כותרת‬
‫פיסקה‬ ‫עבור‬ ‫תגית‬
‫ותמונה‬ ‫קישור‬ ‫יש‬ ‫שבתוכה‬
www.seokru.com

More Related Content

Recently uploaded

Power of Social Media for E-commerce.pdf
Power of Social Media for E-commerce.pdfPower of Social Media for E-commerce.pdf
Power of Social Media for E-commerce.pdfrajats19920
 
Basic Security.pptx is a awsome PPT on your mobiel
Basic Security.pptx is a awsome PPT on your mobielBasic Security.pptx is a awsome PPT on your mobiel
Basic Security.pptx is a awsome PPT on your mobielpratamakiki860
 
Making an RFC in Today's IETF, presented by Geoff Huston at IETF 119
Making an RFC in Today's IETF, presented by Geoff Huston at IETF 119Making an RFC in Today's IETF, presented by Geoff Huston at IETF 119
Making an RFC in Today's IETF, presented by Geoff Huston at IETF 119APNIC
 
IPv6 Operational Issues (with DNS), presented by Geoff Huston at IETF 119
IPv6 Operational Issues (with DNS), presented by Geoff Huston at IETF 119IPv6 Operational Issues (with DNS), presented by Geoff Huston at IETF 119
IPv6 Operational Issues (with DNS), presented by Geoff Huston at IETF 119APNIC
 
Cyber Shield Up - They Shall Not Pass - Andreas Sfakianakis - Lecture at CSD ...
Cyber Shield Up - They Shall Not Pass - Andreas Sfakianakis - Lecture at CSD ...Cyber Shield Up - They Shall Not Pass - Andreas Sfakianakis - Lecture at CSD ...
Cyber Shield Up - They Shall Not Pass - Andreas Sfakianakis - Lecture at CSD ...Andreas Sfakianakis
 
办理澳洲USYD文凭证书学历认证【Q微/1954292140】办理悉尼大学毕业证书真实成绩单GPA修改/办理澳洲大学文凭证书Offer录取通知书/在读证明...
办理澳洲USYD文凭证书学历认证【Q微/1954292140】办理悉尼大学毕业证书真实成绩单GPA修改/办理澳洲大学文凭证书Offer录取通知书/在读证明...办理澳洲USYD文凭证书学历认证【Q微/1954292140】办理悉尼大学毕业证书真实成绩单GPA修改/办理澳洲大学文凭证书Offer录取通知书/在读证明...
办理澳洲USYD文凭证书学历认证【Q微/1954292140】办理悉尼大学毕业证书真实成绩单GPA修改/办理澳洲大学文凭证书Offer录取通知书/在读证明...vmzoxnx5
 
Tari Eason Warriors Come Out To Play T Shirts
Tari Eason Warriors Come Out To Play T ShirtsTari Eason Warriors Come Out To Play T Shirts
Tari Eason Warriors Come Out To Play T Shirtsrahman018755
 
Summary IGF 2013 Bali - English (tata kelola internet / internet governance)
Summary  IGF 2013 Bali - English (tata kelola internet / internet governance)Summary  IGF 2013 Bali - English (tata kelola internet / internet governance)
Summary IGF 2013 Bali - English (tata kelola internet / internet governance)ICT Watch - Indonesia
 
2024_hackersuli_mobil_ios_android ______
2024_hackersuli_mobil_ios_android ______2024_hackersuli_mobil_ios_android ______
2024_hackersuli_mobil_ios_android ______hackersuli
 
Is DNS ready for IPv6, presented by Geoff Huston at IETF 119
Is DNS ready for IPv6, presented by Geoff Huston at IETF 119Is DNS ready for IPv6, presented by Geoff Huston at IETF 119
Is DNS ready for IPv6, presented by Geoff Huston at IETF 119APNIC
 
IP addressing and IPv6, presented by Paul Wilson at IETF 119
IP addressing and IPv6, presented by Paul Wilson at IETF 119IP addressing and IPv6, presented by Paul Wilson at IETF 119
IP addressing and IPv6, presented by Paul Wilson at IETF 119APNIC
 
draft-harrison-sidrops-manifest-number-01, presented at IETF 119
draft-harrison-sidrops-manifest-number-01, presented at IETF 119draft-harrison-sidrops-manifest-number-01, presented at IETF 119
draft-harrison-sidrops-manifest-number-01, presented at IETF 119APNIC
 
Summary ID-IGF 2016 National Dialogue - English (tata kelola internet / int...
Summary  ID-IGF 2016 National Dialogue  - English (tata kelola internet / int...Summary  ID-IGF 2016 National Dialogue  - English (tata kelola internet / int...
Summary ID-IGF 2016 National Dialogue - English (tata kelola internet / int...ICT Watch - Indonesia
 

Recently uploaded (13)

Power of Social Media for E-commerce.pdf
Power of Social Media for E-commerce.pdfPower of Social Media for E-commerce.pdf
Power of Social Media for E-commerce.pdf
 
Basic Security.pptx is a awsome PPT on your mobiel
Basic Security.pptx is a awsome PPT on your mobielBasic Security.pptx is a awsome PPT on your mobiel
Basic Security.pptx is a awsome PPT on your mobiel
 
Making an RFC in Today's IETF, presented by Geoff Huston at IETF 119
Making an RFC in Today's IETF, presented by Geoff Huston at IETF 119Making an RFC in Today's IETF, presented by Geoff Huston at IETF 119
Making an RFC in Today's IETF, presented by Geoff Huston at IETF 119
 
IPv6 Operational Issues (with DNS), presented by Geoff Huston at IETF 119
IPv6 Operational Issues (with DNS), presented by Geoff Huston at IETF 119IPv6 Operational Issues (with DNS), presented by Geoff Huston at IETF 119
IPv6 Operational Issues (with DNS), presented by Geoff Huston at IETF 119
 
Cyber Shield Up - They Shall Not Pass - Andreas Sfakianakis - Lecture at CSD ...
Cyber Shield Up - They Shall Not Pass - Andreas Sfakianakis - Lecture at CSD ...Cyber Shield Up - They Shall Not Pass - Andreas Sfakianakis - Lecture at CSD ...
Cyber Shield Up - They Shall Not Pass - Andreas Sfakianakis - Lecture at CSD ...
 
办理澳洲USYD文凭证书学历认证【Q微/1954292140】办理悉尼大学毕业证书真实成绩单GPA修改/办理澳洲大学文凭证书Offer录取通知书/在读证明...
办理澳洲USYD文凭证书学历认证【Q微/1954292140】办理悉尼大学毕业证书真实成绩单GPA修改/办理澳洲大学文凭证书Offer录取通知书/在读证明...办理澳洲USYD文凭证书学历认证【Q微/1954292140】办理悉尼大学毕业证书真实成绩单GPA修改/办理澳洲大学文凭证书Offer录取通知书/在读证明...
办理澳洲USYD文凭证书学历认证【Q微/1954292140】办理悉尼大学毕业证书真实成绩单GPA修改/办理澳洲大学文凭证书Offer录取通知书/在读证明...
 
Tari Eason Warriors Come Out To Play T Shirts
Tari Eason Warriors Come Out To Play T ShirtsTari Eason Warriors Come Out To Play T Shirts
Tari Eason Warriors Come Out To Play T Shirts
 
Summary IGF 2013 Bali - English (tata kelola internet / internet governance)
Summary  IGF 2013 Bali - English (tata kelola internet / internet governance)Summary  IGF 2013 Bali - English (tata kelola internet / internet governance)
Summary IGF 2013 Bali - English (tata kelola internet / internet governance)
 
2024_hackersuli_mobil_ios_android ______
2024_hackersuli_mobil_ios_android ______2024_hackersuli_mobil_ios_android ______
2024_hackersuli_mobil_ios_android ______
 
Is DNS ready for IPv6, presented by Geoff Huston at IETF 119
Is DNS ready for IPv6, presented by Geoff Huston at IETF 119Is DNS ready for IPv6, presented by Geoff Huston at IETF 119
Is DNS ready for IPv6, presented by Geoff Huston at IETF 119
 
IP addressing and IPv6, presented by Paul Wilson at IETF 119
IP addressing and IPv6, presented by Paul Wilson at IETF 119IP addressing and IPv6, presented by Paul Wilson at IETF 119
IP addressing and IPv6, presented by Paul Wilson at IETF 119
 
draft-harrison-sidrops-manifest-number-01, presented at IETF 119
draft-harrison-sidrops-manifest-number-01, presented at IETF 119draft-harrison-sidrops-manifest-number-01, presented at IETF 119
draft-harrison-sidrops-manifest-number-01, presented at IETF 119
 
Summary ID-IGF 2016 National Dialogue - English (tata kelola internet / int...
Summary  ID-IGF 2016 National Dialogue  - English (tata kelola internet / int...Summary  ID-IGF 2016 National Dialogue  - English (tata kelola internet / int...
Summary ID-IGF 2016 National Dialogue - English (tata kelola internet / int...
 

HTML Basics [Hebrew Presentation]

  • 2. HTML •‫האינטרנט‬ ‫רשת‬ ‫עובדת‬ ‫איך‬? •‫דף‬ ‫מהו‬HTML? •‫מבנה‬HTML •‫אינטרנט‬ ‫דף‬ ‫יצירת‬ •‫תגיות‬HTML‫בסיסיות‬ •, body, head,‫תגיות‬H,‫תמונות‬,‫פסקאות‬,‫קישור‬, www.seokru.com
  • 3. ‫האינטרנט‬ ‫רשת‬ ‫עובדת‬ ‫איך‬ •‫ארכיטקטורת‬ ‫בעזרת‬ ‫עובדת‬ ‫האינטרנט‬ ‫רשת‬ ‫שרת‬-‫לקוח‬. ‫אינטרנט‬ ‫שרת‬‫דפדפן‬ ‫מפעיל‬ ‫לקוח‬ ‫לדף‬ ‫בקשה‬ ‫שרת‬ ‫תגובת‬ www.seokru.com
  • 4. HTML ‫דף‬ ‫מהו‬ •‫לדף‬HTML‫סיומת‬ ‫להיות‬ ‫צריכה‬.html‫או‬.htm •‫דפי‬ ‫ליצור‬ ‫ניתן‬HTML‫ע‬"‫פשוטים‬ ‫טקסט‬ ‫עורכי‬ ‫י‬: notepad, notepad++ •‫מתקדמים‬ ‫עורכים‬ ‫בעזרת‬ ‫או‬: Ms Visual studio, Dreamweaver, eclipse www.seokru.com
  • 5. HTML ‫מבנה‬ •HTML‫תגיות‬ ‫בעזרת‬ ‫בנוי‬/‫אלמנטים‬. •‫תגית‬ ‫עם‬ ‫מתחיל‬ ‫דף‬<html>‫ב‬ ‫ומסתיים‬</html> •‫תגיות‬ ‫בתוך‬ ‫תגיות‬ ‫מוסיפים‬. <html> <head></head> <body></body> </html> •‫מאפיינים‬ ‫יש‬ ‫לתגיות‬(attributes.) <img src="logo.jpg" alt="logo" /> •‫דף‬HMTL‫עיקריות‬ ‫תגיות‬ ‫שתי‬ ‫בעזרת‬ ‫מבנה‬ ‫יוצר‬: <head></head> <body></body> www.seokru.com
  • 6. ‫אינטרנט‬ ‫דף‬ ‫יצירת‬ • <html !DOCTYPE> • <head> • <title>My First HTML Page</title> • </head> • <body> • <p>This is some text...</p> • </body> • </html> ‫פתיחה‬ ‫תגית‬ ‫סגירה‬ ‫תגית‬ www.seokru.com
  • 8. HEAD ‫תגית‬ • <!DOCTYPE HTML> • <html> • <head> • <title>My First HTML </title> • </head> • <body> • <p>This is some text...</p> • </body> • </html> HTML head www.seokru.com
  • 9. BODY ‫תגית‬ • <!DOCTYPE HTML> • <html> • <head> • <title>My First HTML </title> • </head> • <body> • <p>This is some text...</p> • </body> • </html> HTML body www.seokru.com
  • 10. ‫בסיסיות‬ ‫תגיות‬ ‫קישור‬ ‫תגית‬: • <a href="http://www.hackeru.co.il">Link to Hackeru</a> ‫תמונה‬ ‫תגית‬: <img src="logo.gif" alt="logo" /> •‫כותרות‬H,‫בולט‬ ‫וטקסט‬ ‫פיסקה‬: <h1>This is H1</h1> <h2>This sub head</h2> <p>This a paragraph, this is <b>Bold.</b> text new line<br /> </p> A (anchor): ‫לקישור‬ ‫הפתיחה‬ ‫תגית‬ Href: ‫מפנה‬ ‫הקישור‬ ‫לאן‬ ‫קובע‬ Img ‫לתמונה‬ ‫אלטרנטיבי‬ ‫טקסט‬|‫הקובץ‬ ‫מקור‬|‫תגית‬ www.seokru.com
  • 11. ‫התגיות‬ ‫שילוב‬ • <html> • <head><title>Headings and paragraphs</title> • </head> • <body> • <h1>Heading 1</h1> • <h2>Sub heading 2</h2> • <h3>Sub heading 3</h3> • <p>This is my first paragraph</p> • <p>A paragraph with a link <a href="http://www.hackeru.co.il">Link to Hackeru</a> • </p> • <img src=“/logo.jpg” alt=“the logo”/> • <div>This is a div</div> • </body> • </html> • Credit to: www.seokru.com ‫על‬ ‫המכריזה‬ ‫ביותר‬ ‫הכללית‬ ‫הראשונה‬ ‫התגית‬ ‫מסוג‬ ‫עמוד‬html. ‫תגית‬HEAD‫ומנועי‬ ‫לדפדפן‬ ‫מידע‬ ‫שמספקת‬ ‫החיפוש‬,‫לגולש‬ ‫שמוצג‬ ‫בדף‬ ‫רואים‬ ‫לא‬ ‫אבל‬. ‫ה‬ ‫בתגית‬ ‫מתחיל‬ ‫הגולש‬ ‫שרואה‬ ‫מה‬ ‫כל‬BODY ‫ושלישית‬ ‫שנייה‬ ‫ראשונה‬ ‫כותרת‬ ‫פיסקה‬ ‫עבור‬ ‫תגית‬ ‫ותמונה‬ ‫קישור‬ ‫יש‬ ‫שבתוכה‬ www.seokru.com