HTML Жагсаалтууд

Мэдээллийг жагсаалт хэлбэрээр цэгцтэй харуулах боломж.

1. Дугааргүй жагсаалт (Unordered List) — <ul>

Дараалал чухал биш үед ашиглана, дотор нь <li> тус бүр нэг зүйл.

2. Дугаартай жагсаалт (Ordered List) — <ol>

Дараалал чухал үед ашиглана, браузер автоматаар дугаарлана.

3. Тодорхойлолтын жагсаалт (Description List) — <dl>

<dt> нэр томьёо, <dd> түүний тайлбарыг холбож харуулна.

Жишээ

<!DOCTYPE html>
<html>
<head>
<style>
h1 { color: #1d4ed8; }
</style>
</head>
<body>
<ul>
  <li>Алим</li>
  <li>Банан</li>
  <li>Лемон</li>
</ul>

<ol>
  <li>Эхний алхам</li>
  <li>Дараагийн алхам</li>
  <li>Сүүлчийн алхам</li>
</ol>

<dl>
  <dt>HTML</dt>
  <dd>- Веб хуудасны бүтэц тодорхойлох хэл</dd>
  <dt>CSS</dt>
  <dd>- Веб хуудасны гадаад дизайныг тохируулах хэл</dd>
</dl>
</body>
</html>

Туршиж үзэх »