הוספת כותרות
חלק מהיחידה יסודות במסלול ה-HTML של Coddy. שיעור 49 מתוך 60.
בטבלאות HTML, כיתוב הוא כותרת או הסבר לטבלה. הוא מספק תיאור קצר של תוכן הטבלה, וכך מקל על המשתמשים להבין את מטרת הטבלה. יוצרים כיתובים באמצעות התג <caption>, שאותו יש למקם מיד אחרי התג <table>.
הנה התחביר הבסיסי להוספת כיתוב לטבלה ב-HTML:
<table>
<caption>Table Caption</caption>
<tr>
<th>Header 1</th>
<th>Header 2</th>
</tr>
<tr>
<td>Row 1, Cell 1</td>
<td>Row 1, Cell 2</td>
</tr>
</table>
אתגר
קלצרו מסמך HTML הכולל טבלה עם כיתוב. מבנה הטבלה צריך להיות כך:
- תג
<table>להגדרת הטבלה. - תג
<caption>עם הטקסט "Product Inventory" לתיאור הטבלה. - שורת טבלה (
<tr>) לכותרת, עם שני תאי כותרת (<th>). בתאי הכותרת צריכים להופיע "Product Name" ו-"Quantity". - שורת טבלה (
<tr>) עם שני תאי נתונים (<td>). בתאים צריכים להופיע "Laptop" ו-"5". - שורת טבלה נוספת (
<tr>) עם שני תאי נתונים (<td>). בתאים צריכים להופיע "Mouse" ו-"10".
נסו בעצמכם
<!DOCTYPE html>
<html>
<body>
<!-- כתבו כאן קוד -->
</body>
</html>
בחנו את עצמכםהשיעור הזה כולל חידון קצר. התחילו את השיעור כדי לענות עליו ולעקוב אחרי ההתקדמות.
כל השיעורים ביחידה יסודות
תרגלו בעצמכם: Web אונליין