HTML да руйхатлар - Informatika va AT - Referatlar

HTML да руйхатлар

Yuklangan vaqt:

20.09.2019

Ko'chirishlar soni:

0

Hajmi:

315 KB

Ko'chirib olish

HTML да рўйхатлар РЕЖА: 1. Рўйхатлар ҳ ақида умумий тушунча. 2. Маркирланган рўйхатлар. 3. Номерланган рўйхат. 4. Аниқловчи рўйхатлар.

Рўйхатлар ҳ ақида умумий тушунча HTML ҳужжатда маълумотларни қулай шаклда тасвирлаш мақсадида рўйхатлар ва жадваллар ташкил қилинган. Рўйхатлар элементларини нуқталари бўйича тартибласа, жадвалллар эса маълумотларни сатрлар ва устунлар бўйича жойлаштиради. Рўйхатлардан тў ғ ри фойдаланиш ка т та ҳажмли маълумотларнинг ўқилиш қулайлигини оширади. Рўйхатларни қуйидаги учта ҳолатда қўллаш мақсадга мувофиқ: 1. Бир жинсли маълумотларни бирор белгилар бўйича синфларга ажратиш; 2. Катта ҳажмли маълумотларни абзац билан тасвирлашда уларни ў қ иш қийинлашса; 3. Бирор бир жараённни тасвирлашда ; Қуйида биз мисол кўрамиз: Мисол 7_1 < html > < body > менинг қизи қ ишларим. < ul > < li > Вируслар < li > WWW ни тамоша қилиш. <li> CGI <li> PHP </ ul> </ body >

</ html > Бу ердан кўринадики рўйхатлар маълумотларни осон ва тушунарли ўқилишини таъминлайди. Рўйхатлар асосан 3 та асосий типларга бўлинади. Булар: маркирланган, номерланган ва аниқловчи рўйхатлар. Булардан ташқари бошқача типли рўйхатлар ҳам мавжуд, аммо кўп қўлланиладиганлари биз санаган учтасидир. Юқорида биз санаб ўтган типлар бир биридан номерлаш усуллари ва тузилиши билан фарқ қилади. 2. Маркирланган рўйхатлар. Кўпчилик ҳ олларда номерланган ёки маркирланган рўйхатлардан фойдаланилади. Бундай рўйхатларда ҳ ар бир пункт кичик пиктопраграмма билан бошланади. Маркирланган рўйхатлар < ul > ва </ ul > тэглари ёрдамида берилади.

Мисол : 7_2 <html> <head><title> Маркирланган р ў йхатлар </title></head> <body> <ul> <lh><b> K омпьютер авлодлари </b></lh> <li> I - авлод <li> II - авлод < li > III - авлод < li > IV - авлод </ul> </body> </html>

Бу ерда <lh> ва </lh> тэглари орасида рўйхат сарлавҳаси ёзилган . Барча <li> ва </li> тэглари <ul> ва </ul> маркирланган тэглар орасига жойлашган б ў лиши шарт . <li> тэги type параметрига эга ва биз бу параметр қийматлари билан танишиб чиқамиз . Бу параметр ёрдамида рўйхатда ҳосил қ илинадиган рўйхат элементлари олдидаги маркерлар типи ани қ ланади параметр қиймати сифатида қуйидаги учта қийматлардан фойдаланиш мумкин : 1. disc - бу қ иймат браузерга маркерларни кичик қорага бўялган доира шаклидалигини кўрсатади . 2. c ircle - бу қиймат эса браузерга макернинг б ў ялмаган айлана шаклида б ў лишини билдиради . 3. s quare - бу қиймат маркернинг кичик т ў ғри т ў ртбурчак шаклида б ў лишини билдиради . Бу қийматларни кўрсатилгандек кичик ҳарфлар билан ёзиш керак . Мисол : 7_3 <html> <head> <title> Маркирланган рўйхат </title> <body> <ul> <li type=”circle”> Биринчи пункт <li type=”disc”> Иккинчи пункт <li type=”square”> Учинчи пункт </ul> </body>

<html> Та ъ кидлаб ўтиш керакки у ёки бу ҳосил қилинадиган маркерларни бир хиллиги ҳамма вақт ҳам бир хил бўлавермайди. Браузер турига қараб ҳар хил бўлиши мумкин. Номерланган рўйхат Номерланган рўйхат маркерланган рўйхатга ўхшайди. Ягона фарқи шундаки номерланган рўйхатда ҳар бир пункт олдига график маркер эмас балки автоматик равишда кетма-кет номерлар ёки ҳ арфлар жойлаштиради. Номерланган рўйхат < ol > ва </ ol > тэглари ёрдамида берилади, рўйхатдаги пунктлар эса < li > билан аниқланади. Жимлик бўйича номер 1 дан бошланади.

Мисол: 7_4 < html > < body > < ol t у pe =1,2,3…> < lh >< b > Саё ҳ атларим гарфиги</ b ></ lh > < li > Самалётда Парижга келиш < li > Кечқурун Берлинга бориш. < li > Поезда Венага бориш < li > Самолётда Римга <li> Уйга қайтиш </ol> </body> </html>

Агар номерлаш типларини ўзгартириш талаб қилинса, қуйида кўрсатилган 5 та типлардан фойдаланиш мумкин: type =1 стандарт номерлаш.1,2,3,4,5,…. type =а Катта ҳарфлар A , B , C , D , E ,….. type=d Кичик ҳарфлар a,b,c,d,e,…. type=i Рим рақамлари I,II,III,IV,V,… type=i кичик Рим ракамлари .i,ii,iii,iv,v,…. Рўйхатда бошланғич номерини олдиндан ани қ лаш имконияти мавжуд Бунинг учун <ol> тэгида start параметри мавжуд . Буни қуйидаги мисолда кўриб чикамиз: Мисол 7_5 <html> <head> <title> Намунали р ў йхат </title>

<body> <ol start=5> <li> Бешинчи пункт <li>Олтинчи пункт <li value=10>Унинчи пункт < li >Ўн биринчи пункт </ ol > </ body > </ html > Биз кўп боскичли рўйхатларни ҳам тузишимиз мумкин. Бунинг учун маркерланган ва номерланган элементларни аралаштирамиз. Қуйидаги мисолни кўрамиз Мисол 7_6

< html > < head > < title >Аралаш рўйхат</ title > </head> <body> <ol> <li> Биринчи пункт <ol> <li> Биринчи пунктнинг биринчи пункти <li> Биринчи пунктнинг иккинчи пункти </ol> <li> Иккинчи пункт <ul> <li> Иккинчи пунктнинг биринчи пункти <li> Иккинчи пунктнинг иккинчи пункти </ ul > </ ol > </ body > </ html >

a. Ани қ ловчи р ў йхатлар Ани қ ловчи р ў й ҳ атлар маркирланган ва номерланган р ў й ҳ атлар каби к ў п ишлатилмаса ҳам баъзи ҳ олатларда фойдали . Ани қ ловчи р ў йхатларда ҳ ар бир пункт иккита қ исмдан иборат . Иккинчи қ исмида биринчи қ исм ҳ а қ ида қ ў шимча маълумот берилади . Шунинг учун ҳам ани қ ловчи р ў йхатлар бош қ а р ў йхатларга қ араганда бош қ ача к ў ринишга эга . Унинг ҳ ар бир пунктни тасвирлаш учун иккита тэг ишлатилади . <di> тэги ёрдамида пунктнинг биринчи қисми <dd> тэги ёрдамида эса иккинчи маълумот кейинги сатрдан ҳ осил қилинади . Бу ерда иккинчи маълумотни биз аниқловчи деб атаймиз . Биз бу тэгни қуйидаги мисолда тушуниб оламиз : Мисол : 7_7 <html> <head> <title> Ҳ ар хил маълумотлар</title> </head>

<body> <dl> <lh><b> Маш ҳ ур кишилар :</b></lh><br> < di >< b >Аль-Беруний </ b > <dd><i>Қ омусий олим </i> <dt><b> Ибн - Сино </b> <dd><i> Тиббиёт со ҳ асида шуғулланган </i> </ dl > </ body > </ html > Олдидан форматлаш.

< pre > ва </ pre > теглари ёрдамида ҳ еч қандай интерпритациясиз ёзилган маълумотни худди шундай қилиб экранга чиқариб беради. Натижа жадвал сингари самарали бўлмаса ҳам, Кўпчилик кишилар уларнинг фарқини сезишмайди. Бунда жадвалнинг турини чиқариб бўлмайди. Олдидан форматланган матнни пробеллар ва тартиблаш орқали ёзиш мумкин ва қуйидагича: Мисол : 7_8 <html> <head><title> Олдидан форматлаш </title></head> <body> <pre> <b> Номи Команда Ютуқлар / Ма ғ лубият Очко </b> Хеппи Цинциннати 16 – 2 2,73 Немо Лос-Анжелос 19 – 8 2,94 Энгриус Атланта 24 – 6 2,21 </pre> </body> </html>

8 расм.

Адабиётлар 1. Шафран Э. Создание Web -страниц: самоучитель-СПб:Питер,2001.-320с. 2. Игорь Шапошников HTML 4 «БХВ-Петербург» 2002. 3. www.intuit.ru 4. www.citforum.ru 5. www.ziyonet.uz 6. www.slayd.arxiv.uz

O'xshashlar

HTML да жадваллар

HTML tili. HTML hujjatning strukturasi

HTML tili

HTML формалар

HTML тили