жагсаалт үүсгэх 2
DESCRIPTION
TRANSCRIPT
![Page 1: жагсаалт үүсгэх 2](https://reader036.vdocuments.pub/reader036/viewer/2022081413/5491ebedb47959b9538b48d1/html5/thumbnails/1.jpg)
Жагсаалт үүсгэх
Боловсруулсан: МЗБ-4 И.Сайнзаяа
![Page 2: жагсаалт үүсгэх 2](https://reader036.vdocuments.pub/reader036/viewer/2022081413/5491ebedb47959b9538b48d1/html5/thumbnails/2.jpg)
04/10/2023 2
Зорилго: HTML хэлэнд жагсаалт үүсгэж сурах
• Зорилт: • HTML хэлэнд эрэмбэлэгдсэн жагсаалт
үүсгэх• HTML хэлэнд эрэмбэлэгдээгүй жагсаалт
үүсгэх• HTML хэлэнд тодорхойлолтын жагсаалт
үүсгэх
![Page 3: жагсаалт үүсгэх 2](https://reader036.vdocuments.pub/reader036/viewer/2022081413/5491ebedb47959b9538b48d1/html5/thumbnails/3.jpg)
04/10/2023 3
Өмнөх хичээлийн мэдлэг• Өмнөх хичээл дээр бид ямар хичээл үзлээ?• HTML хэлний тагуудыг нэрлэ.• Ямар ямар үүрэг гүйцэтгэдэг вэ? Html хэлний таг <b>-тодоор бичих <big>-томоор бичих <small>-жижгээр бичих <sub>-мөрний доогуур бичнэ. <sup>мөрний дээгүүр бичнэ. <del>-дээгүүр дарж зурах <ins>-доогуур дарж зурах г.м
![Page 4: жагсаалт үүсгэх 2](https://reader036.vdocuments.pub/reader036/viewer/2022081413/5491ebedb47959b9538b48d1/html5/thumbnails/4.jpg)
04/10/2023 4
HTML жагсаалт
HTML жагсаалт нь эрэмбэлэгдсэн, эрэмбэлэгдээгүй, тодорхойлолтын гэсэн 3 төрөл байдэг.
Жагсаалтыг <li>
Эрэмбэлэгдээгүй жагсаалт <ul>
<ul type=” ”>
Type ( disc=битүү дугуй)
(circle=хөндий дугуй)
(square=дөрвөлжингөөр)
Эрэмбэлэгдсэн жагсаалт дугаарлагдсан байдаг.
![Page 5: жагсаалт үүсгэх 2](https://reader036.vdocuments.pub/reader036/viewer/2022081413/5491ebedb47959b9538b48d1/html5/thumbnails/5.jpg)
04/10/2023 5
• Type (A-том үсгээр)• (а-жижиг үсгээр)• (I-том ром тоогоор)• (i-жижиг ром тоогоор)• Тодорхойлолтын жасгаалт нь
томъёололын тайлбарын жагсаалт юм.<dl>
• Томъёолол нь <dt>• Тайлбар нь <dd> гэсэн тагуудыг тус тус
ашиглана.
![Page 6: жагсаалт үүсгэх 2](https://reader036.vdocuments.pub/reader036/viewer/2022081413/5491ebedb47959b9538b48d1/html5/thumbnails/6.jpg)
04/10/2023 6
Жишээ: Эрэмбэлэгдээгүй жагсаалт <ul>
• <html>• <body>• <ul>• <li>хар</li> <li>цагаан</li> <li>ногоон</li> • </ul> • </body>• </html>
![Page 7: жагсаалт үүсгэх 2](https://reader036.vdocuments.pub/reader036/viewer/2022081413/5491ebedb47959b9538b48d1/html5/thumbnails/7.jpg)
04/10/2023 7
Харагдах байдал
![Page 8: жагсаалт үүсгэх 2](https://reader036.vdocuments.pub/reader036/viewer/2022081413/5491ebedb47959b9538b48d1/html5/thumbnails/8.jpg)
04/10/2023 8
Жишээ: Эрэмбэлэгдсэн жагсаалт (Том үсгээр)
• <html>• <body>• <ol type=”A”> <li>хар</li>
<li>цагаан</li> <li>ногоон</li>
• </ol>• </body>• </html>
![Page 9: жагсаалт үүсгэх 2](https://reader036.vdocuments.pub/reader036/viewer/2022081413/5491ebedb47959b9538b48d1/html5/thumbnails/9.jpg)
04/10/2023 9
Харагдах байдал
![Page 10: жагсаалт үүсгэх 2](https://reader036.vdocuments.pub/reader036/viewer/2022081413/5491ebedb47959b9538b48d1/html5/thumbnails/10.jpg)
04/10/2023 10
Дасгал 5: тэмээ, адуу, үхэр, хонь, ямаа гэдэг үгнүүдийг эрэмбэлэгдээгүй жагсаалтын 3 төрлөөр бич.
Эрэмбэлэгдээгүй жагсаалт <ul>• Битүү дугуйгаар• Хөндий дугуйгаар• Дөрвөлжингөөр
![Page 11: жагсаалт үүсгэх 2](https://reader036.vdocuments.pub/reader036/viewer/2022081413/5491ebedb47959b9538b48d1/html5/thumbnails/11.jpg)
04/10/2023 11
Дасгал 6: тэмээ, адуу, үхэр, хонь, ямаа гэдэг үгнүүдийг эрэмбэлэгдсэн жагсаалтын 5 төрлөөр бич.
Эрэмбэлэгдсэн жагсаалт <ol>• Тоогоор• Том үсгээр• Жижиг үсгээр• Жижиг ром үсгээр• Том ром үсгээр
![Page 12: жагсаалт үүсгэх 2](https://reader036.vdocuments.pub/reader036/viewer/2022081413/5491ebedb47959b9538b48d1/html5/thumbnails/12.jpg)
04/10/2023 12
Дасгал 7:
Өнгө Хар, цагаан, улаанДүрс гурвалжин,дөрвөлжин, дугуй Тодорхойлолтын жагсаалтаар үүсгэ. Тодорхойлолтын жагсаалт <dl>,тодорхойлолт <td>, тайлбар<dd>
![Page 13: жагсаалт үүсгэх 2](https://reader036.vdocuments.pub/reader036/viewer/2022081413/5491ebedb47959b9538b48d1/html5/thumbnails/13.jpg)
04/10/2023 13
Анхаарал тавьсанд
баярлалаа