מבוא ל-HTML

HTML (HyperText Markup Language) היא השפה הבסיסית לבניית דפי אינטרנט. היא מספקת את המבנה והפלט של התוכן בדף האינטרנט.

מה זה HTML?

HTML הוא שפת תכנות שמגדירה את מבנה התוכן בעמודי אינטרנט. התגים ב-HTML עוטפים את התוכן ונותנים לו מבנה.

מבנה בסיסי של מסמך HTML

כל מסמך HTML מתחיל בתג <!DOCTYPE html> שמצביע על סוג המסמך. אחריו מגיע תג <html> שמכיל את כל התוכן של הדף.


        <!DOCTYPE html>
        <html lang="en">
          <head>
            <meta charset="UTF-8">
            <meta name="viewport" content="width=device-width, initial-scale=1.0">
            <title>Document</title>
          </head>
          <body>
            <h1>Hello World!</h1>
          </body>
        </html>

התג <head> מכיל את המידע הראשוני על הדף, כמו כותרת העמוד והגדרות אופי. התג <body> מכיל את התוכן הראשי המוצג למשתמש.

כותרות ב-HTML

תגיות הכותרת ב-HTML מסייעות לארגן את התוכן לפי רמות חשיבות. התגיות מתחילות מ-<h1> (הכותרת הראשית) ועד <h6> (הכותרת הקטנה ביותר).


        <h1>כותרת ראשית</h1>
        <h2>כותרת משנית</h2>
        <h3>כותרת תת-משנית</h3>
        <h4>כותרת נוספת</h4>
        <h5>כותרת נוספת יותר</h5>
        <h6>כותרת קטנה ביותר</h6>

כותרות עוזרות להפריד ולהבין את התוכן לפי היררכיה, ומסייעות גם בקידום אתרים.

רשימות ב-HTML

ניתן ליצור רשימות לא מסודרות ומסודרות ב-HTML. הרשימות עוזרות לארגן פריטים בצורה ברורה.

רשימות לא מסודרות

רשימות לא מסודרות מציגות פריטים ללא סדר מסוים. כל פריט ברשימה מתחיל בתגית <li> ותוכן הרשימה נמצא בין התגיות <ul>.


        <ul>
          <li>פריט 1</li>
          <li>פריט 2</li>
          <li>פריט 3</li>
        </ul>

רשימות מסודרות

רשימות מסודרות מציגות פריטים בסדר מסוים ומספרות את הפריטים. כל פריט ברשימה מתחיל בתגית <li> ותוכן הרשימה נמצא בין התגיות <ol>.


        <ol>
          <li>פריט 1</li>
          <li>פריט 2</li>
          <li>פריט 3</li>
        </ol>

טבלאות ב-HTML

טבלאות ב-HTML עוזרות לארגן נתונים בתצוגה מסודרת של שורות ועמודות. כל טבלה מתחילה בתגית <table> וכוללת שורות עם תאים.


        <table border="1">
          <tr>
            <th>כותרת 1</th>
            <th>כותרת 2</th>
          </tr>
          <tr>
            <td>תא 1</td>
            <td>תא 2</td>
          </tr>
          <tr>
            <td>תא 3</td>
            <td>תא 4</td>
          </tr>
        </table>

תגית <th> משמשת ליצירת כותרות עמודות, ותגית <td> משמשת ליצירת תאים רגילים. הוספת מאפיין border בתגית <table> עוזרת להוסיף גבולות לטבלה.