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