---
title: HTML Жагсаалтууд
description: "> HTML lists allow web developers to group a set of related items in lists. ## Эрэмбэлээгүй HTML жагсаалт - Кофе - Цай - Сүү ## Эрэмбэлсэн HTML жагсаалт 1. Кофе 2. Цай 3. Сүү ## Эрэмбэлээгүй HTML жагсаалт Эрэмбэлээгүй…"
url: "https://apprentice.mn/docs/html-lists/"
updated: "2021-07-07"
category: HTML
---

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

> HTML lists allow web developers to group a set of related items in lists.

## Эрэмбэлээгүй HTML жагсаалт

- Кофе
- Цай
- Сүү

## Эрэмбэлсэн HTML жагсаалт

1. Кофе
2. Цай
3. Сүү

## Эрэмбэлээгүй HTML жагсаалт

Эрэмбэлээгүй жагсаалт нь `<ul>` тэмдэглэгээгээр эхлэнэ. Төрөл болгон  `<li>`тэмдэглэгээгээр эхлэнэ.

Доорх жагсаалт нь урдаа хар цэгтэй байна

### Жишээ

      `<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>`

## Эрэмбэлэгдсэн HTML жагсаалт

Эрэмбэлэгдсэн жагсаалт `<ol>` тэмдэглэгээгээр эхлэнэ. Төрөл болгон нь`<li>` тэмдэглэгээгээр эхлэнэ.

Энэ жагсаалт цаанаасаа тоогоор жагсаагдана

### Жишээ

      `<ol>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ol>`

## HTML Description Lists

HTML нь тайлбарын жагсаалтыг дэмждэг.

Тодорхойлолтын жагсаалт гэдэг нь нэр томъёоны жагсаалт бөгөөд нэр томъёо тус бүрийг тайлбарласан болно.

The `<dl>` tag defines the description list, the `<dt>` tag defines the term (name), and the `<dd>` tag describes each term:

`<dl>` тэмдэглэгээ нь тайлбарын жагсаалтыг, `<dt>` тэмдэглэгээ нь нэр томъёог (нэр), `<dd>` тэмдэглэгээ нь нэр томъёо, тайлбар тус бүрийг тодорхойлно:

     `<dl>
  <dt>Coffee</dt>
  <dd>- black hot drink</dd>
  <dt>Milk</dt>
  <dd>- white cold drink</dd>
</dl>`

## HTML Жагсаалтын тэмдэглэгээ

| Тэмдэглэгээ | Тайлбар |
| --- | --- |
| <ul> | Эрэмбэлээгүй жагсаалт |
| <ol> | Эрэмбэлсэн жагсаалт |
| <li> | Төрөлийн жагсаалт |
| <dl> | Тайлбарын жагсаалт |
| <dt> | Нэр том томъёоны жагсаалт |
| <dd> | Тайлбарын жагсаалтад нэр томъёо |

               [https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fhtml-lists%2F&linkname=HTML%20%D0%96%D0%B0%D0%B3%D1%81%D0%B0%D0%B0%D0%BB%D1%82%D1%83%D1%83%D0%B4](https://www.addtoany.com/add_to/facebook?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fhtml-lists%2F&linkname=HTML%20%D0%96%D0%B0%D0%B3%D1%81%D0%B0%D0%B0%D0%BB%D1%82%D1%83%D1%83%D0%B4)[https://www.addtoany.com/add_to/mastodon?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fhtml-lists%2F&linkname=HTML%20%D0%96%D0%B0%D0%B3%D1%81%D0%B0%D0%B0%D0%BB%D1%82%D1%83%D1%83%D0%B4](https://www.addtoany.com/add_to/mastodon?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fhtml-lists%2F&linkname=HTML%20%D0%96%D0%B0%D0%B3%D1%81%D0%B0%D0%B0%D0%BB%D1%82%D1%83%D1%83%D0%B4)[https://www.addtoany.com/add_to/email?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fhtml-lists%2F&linkname=HTML%20%D0%96%D0%B0%D0%B3%D1%81%D0%B0%D0%B0%D0%BB%D1%82%D1%83%D1%83%D0%B4](https://www.addtoany.com/add_to/email?linkurl=https%3A%2F%2Fapprentice.mn%2Fdocs%2Fhtml-lists%2F&linkname=HTML%20%D0%96%D0%B0%D0%B3%D1%81%D0%B0%D0%B0%D0%BB%D1%82%D1%83%D1%83%D0%B4)[https://www.addtoany.com/share](https://www.addtoany.com/share)