תגית
<li>
(list item) משמשת להגדיר פריט בתוך רשימה. ניתן להשתמש בה בתוך תגיות
<ul>
(רשימה לא מסודרת) או
<ol>
(רשימה מסודרת) כדי להציג פריטים ברשימה בצורה מסודרת.
הנה דוגמה לשימוש בתגית
<li>
בתוך רשימה לא מסודרת ורשימה מסודרת:
<html>
<head>
<title>
דוגמה</title>
</head>
<body>
<h2>
רשימה לא מסודרת</h2>
<ul>
<li>
פריט ראשון</li>
<li>
פריט שני</li>
<li>
פריט שלישי</li>
</ul>
<h2>
רשימה מסודרת</h2>
<ol>
<li>
פריט ראשון</li>
<li>
פריט שני</li>
<li>
פריט שלישי</li>
</ol>
</body>
</html>
בדוגמה זו,
<ul>
ו-
<ol>
מכילות מספר פריטים, כל אחד מהם מוגדר באמצעות
<li>
. הרשימה הלא מסודרת מציגה את הפריטים עם תבליטים, בעוד הרשימה המסודרת מציגה אותם עם מספרים.
תגית
<li>
יכולה להכיל תוכן טקסטואלי או HTML אחר, כולל תגיות כמו
<a>
(לינק),
<img>
(תמונה) ועוד. כך ניתן ליצור רשימות עשירות ומורכבות תוך שילוב של תוכן נוסף בכל פריט.
שימוש בתגית
<li>
מאפשר לארגן תוכן בצורה ברורה ומסודרת, ולהקל על קריאת והבנת הרשימות באתר.