Successfully reported this slideshow.
Your SlideShare is downloading. ×

HTML Basics [Hebrew Presentation]

Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Ad
Loading in …3
×

Check these out next

1 of 11 Ad
Advertisement

More Related Content

Advertisement

HTML Basics [Hebrew Presentation]

  1. 1. HTML www.seokru.com
  2. 2. HTML •‫האינטרנט‬ ‫רשת‬ ‫עובדת‬ ‫איך‬? •‫דף‬ ‫מהו‬HTML? •‫מבנה‬HTML •‫אינטרנט‬ ‫דף‬ ‫יצירת‬ •‫תגיות‬HTML‫בסיסיות‬ •, body, head,‫תגיות‬H,‫תמונות‬,‫פסקאות‬,‫קישור‬, www.seokru.com
  3. 3. ‫האינטרנט‬ ‫רשת‬ ‫עובדת‬ ‫איך‬ •‫ארכיטקטורת‬ ‫בעזרת‬ ‫עובדת‬ ‫האינטרנט‬ ‫רשת‬ ‫שרת‬-‫לקוח‬. ‫אינטרנט‬ ‫שרת‬‫דפדפן‬ ‫מפעיל‬ ‫לקוח‬ ‫לדף‬ ‫בקשה‬ ‫שרת‬ ‫תגובת‬ www.seokru.com
  4. 4. HTML ‫דף‬ ‫מהו‬ •‫לדף‬HTML‫סיומת‬ ‫להיות‬ ‫צריכה‬.html‫או‬.htm •‫דפי‬ ‫ליצור‬ ‫ניתן‬HTML‫ע‬"‫פשוטים‬ ‫טקסט‬ ‫עורכי‬ ‫י‬: notepad, notepad++ •‫מתקדמים‬ ‫עורכים‬ ‫בעזרת‬ ‫או‬: Ms Visual studio, Dreamweaver, eclipse www.seokru.com
  5. 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. 6. ‫אינטרנט‬ ‫דף‬ ‫יצירת‬ • <html !DOCTYPE> • <head> • <title>My First HTML Page</title> • </head> • <body> • <p>This is some text...</p> • </body> • </html> ‫פתיחה‬ ‫תגית‬ ‫סגירה‬ ‫תגית‬ www.seokru.com
  7. 7. ‫בסיסיות‬ HTML ‫תגיות‬ www.seokru.com
  8. 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. 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. 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. 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

×