жагсаалт үүсгэх 2

Жагсаалт

үүсгэх

Боловсруулсан: МЗБ-4 И.Сайнзаяа

4/26/2012 2

Зорилго: HTML хэлэнд жагсаалт

үүсгэж сурах

• Зорилт:

• HTML хэлэнд эрэмбэлэгдсэн жагсаалт

үүсгэх

• HTML хэлэнд эрэмбэлэгдээгүй жагсаалт

үүсгэх

• HTML хэлэнд тодорхойлолтын жагсаалт

үүсгэх

Өмнөх хичээлийн мэдлэг

• Өмнөх хичээл дээр бид ямар хичээл үзлээ?

• HTML хэлний тагуудыг нэрлэ.

• Ямар ямар үүрэг гүйцэтгэдэг вэ?

Html хэлний таг

<b>-тодоор бичих

<big>-томоор бичих

<small>-жижгээр бичих

<sub>-мөрний доогуур бичнэ.

<sup>мөрний дээгүүр бичнэ.

<del>-дээгүүр дарж зурах

<ins>-доогуур дарж зурах г.м

4/26/2012 3

HTML жагсаалт

HTML жагсаалт нь эрэмбэлэгдсэн, эрэмбэлэгдээгүй,

тодорхойлолтын гэсэн 3 төрөл байдэг.

Жагсаалтыг <li>

Эрэмбэлэгдээгүй жагсаалт <ul>

<ul type=” ”>

Type ( disc=битүү дугуй)

(circle=хөндий дугуй)

(square=дөрвөлжингөөр)

Эрэмбэлэгдсэн жагсаалт дугаарлагдсан байдаг.

4/26/2012 4

• Type (A-том үсгээр)

• (а-жижиг үсгээр)

• (I-том ром тоогоор)

• (i-жижиг ром тоогоор)

• Тодорхойлолтын жасгаалт нь томъѐололын

тайлбарын жагсаалт юм.<dl>

• Томъѐолол нь <dt>

• Тайлбар нь <dd> гэсэн тагуудыг тус тус

ашиглана.

4/26/2012 5

Жишээ: Эрэмбэлэгдээгүй жагсаалт <ul>

• <html>

• <body>

• <ul>

• <li>хар</li> <li>цагаан</li> <li>ногоон</li>

• </ul>

• </body>

• </html>

4/26/2012 6

Харагдах байдал

4/26/2012 7

Жишээ: Эрэмбэлэгдсэн жагсаалт (Том үсгээр)

• <html>

• <body>

• <ol type=”A”> <li>хар</li> <li>цагаан</li>

<li>ногоон</li>

• </ol>

• </body>

• </html>

4/26/2012 8

Харагдах байдал

4/26/2012 9

Дасгал 5: тэмээ, адуу, үхэр, хонь, ямаа гэдэг

үгнүүдийг эрэмбэлэгдээгүй жагсаалтын 3 төрлөөр

бич.

Эрэмбэлэгдээгүй жагсаалт <ul>

• Битүү дугуйгаар

• Хөндий дугуйгаар

• Дөрвөлжингөөр

4/26/2012 10

Дасгал 6: тэмээ, адуу, үхэр, хонь, ямаа гэдэг

үгнүүдийг эрэмбэлэгдсэн жагсаалтын 5 төрлөөр бич.

Эрэмбэлэгдсэн жагсаалт <ol>

• Тоогоор

• Том үсгээр

• Жижиг үсгээр

• Жижиг ром үсгээр

• Том ром үсгээр

4/26/2012 11

Дасгал 7:

Өнгө

Хар, цагаан, улаан

Дүрс

гурвалжин,дөрвөлжин, дугуй

Тодорхойлолтын жагсаалтаар үүсгэ.

Тодорхойлолтын жагсаалт

<dl>,тодорхойлолт <td>, тайлбар<dd>

4/26/2012 12

4/26/2012 13

жагсаалт үүсгэх 2

Documents

Transcript of жагсаалт үүсгэх 2