תגיות נוספות ויישום מתקדם

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

תגיות קישור נוספות

לצד תגית <a> ליצירת קישורים, ניתן להשתמש בתגיות נוספות כמו <link> ו-<base>.

        <link rel="stylesheet" href="styles.css">
        <base target="_blank">
        

תגית <link> משמשת לקישור לקבצי CSS, ותגית <base> קובעת את הבסיס לכל הקישורים בדף.

תגיות טקסט נוספות

ישנם תגים נוספים המספקים אפשרויות עיצוב נוספות כמו <strong> ו-<em>.

        <strong>טקסט מודגש</strong>
        <em>טקסט מודגש עם הטיה</em>
        

תגית <strong> מדגישה את הטקסט, ותגית <em> מדגישה אותו עם הטיה.

שימוש בתגיות תמונה

התגית <img> משמשת להוסיף תמונות לדף. ניתן לציין מאפיינים נוספים כמו src ו-alt.

        <img src="logo.png" alt="לוגו האתר">
        

מאפיין src מציין את מקור התמונה, ומאפיין alt מספק תיאור חלופי אם התמונה לא מוצגת.

טפסים ב-HTML

טפסים משמשים לקבלת קלט מהמשתמשים. הטופס יכול לכלול שדות קלט, כפתורים ומגוון של תגיות נוספות.

        <form action="/submit" method="post">
          <label for="name">שם:</label>
          <input type="text" id="name" name="name">
          <input type="submit" value="שלח">
        </form>
        

תגית <form> עוטפת את כל אלמנטים הטופס. מאפייני action ו-method מגדירים את הכתובת לייעוד הנתונים.