Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

HTML Basics [Hebrew Presentation]

Learn the basics of HTML, the most basic Client side web language.

Related Books

Free with a 30 day trial from Scribd

See all

Related Audiobooks

Free with a 30 day trial from Scribd

See all
  • Be the first to comment

  • Be the first to like this

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

×