HTML Basics [Hebrew Presentation]

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>
• </body>
• </html>
HTML head
www.seokru.com

BODY ‫תגית‬
• <!DOCTYPE HTML>
• <html>
• <head>
• <title>My First HTML </title>
• </head>
• <body>
• </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

HTML Basics [Hebrew Presentation]

Recomendados

Recomendados

Mais conteúdo relacionado

Último

Último (20)

Destaque

Destaque (20)

HTML Basics [Hebrew Presentation]