תגית
<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> מאפשר לארגן תוכן בצורה ברורה ומסודרת, ולהקל על קריאת והבנת הרשימות באתר.