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