HTML ни белгилаш тили тугрисида умумий тушунча

Загружено в:

20.09.2019

Скачано:

0

Размер:

333.5 KB

Скачать

HTML ни белгилаш тили тугрисида умумий тушунча Reja : 1 Hyper Text Markup Language ( HTML )ни белгилаш тили тугрисида умумий маълумот 2 HTML нинг асосий теглари. 3 Гиперматнли хужжатларни, гипербоғланиш ва графикларни яратиш. 4. Номерланган ва маркерланган рўйхатлар 4. Жадваллар 6. Фреймлар ва формалар

Мавзуга оид таянч тушунча ва иборалар: HTML ( Huper Text Markup Langyage ), Тег ( tag ), HTML қоидаси, очувчи тег, ёпувчи тег, жуфт теглар, тег контейнер, ёлғиз теглар, тахланган жуфт теглар, тахлаштириш даражаси, ота- она теги, қиз теги, HTML спецификацияси, HTML – хужжат муқаддимаси, символлар форматлари, . HTM . ва HTML кенгайиши, HTML – стандарт, махсус форматлашган тегдар, HTML нинг захирага олинган символлари, стандартлаштирилган хужжатлар, маркерланган рўйхат, номерланган рўйхат, график рўйхат маркерлари, HTML – хужжат секциялари, тахланган рўйхатлар, 16 «номи ёзилган» ранглар, рангларнинг ўн олтилик коди, гипербоғланишнинг горизонтал чизиғи, абсолют ва нисбий хаволалар (алоқалар), тахланган жадваллар, HTML – хужжатдаги тасвир, тасвир атрофидаги рамка альтернатив матн, тасвирнинг миниатюра версиялари, тасвир форматлари, «якорь», фреймлар, фреймлар тўплами, «ўзгарувчан» фреймлар, HTML – формалар, INPUT услуби. 1. Hyper Text Markup Lanquage (HTML) ни белгилаш тили т у грисида умумий маълумот. 1-асосий савол баёни: Бутун дунё ургимчаги – World Wide Web ( WWW ) HTML гиперматн боланиш тили ёрдамида тузилган Web -сахифалардан иборат HTML анча мураккаб тил ( Standart Generalived Marnup Language SGML нинг хисобланади. Ананавий тушунча буйича HTML бутунлай дастурлаш тили хисобланмайди. HTML – хужжатни белгилаш тили. HTML – хужжатни тадкик килишда матнли хужжатлар тег( tag )лар билан белгиланади. Улар махсус бурчакли ишоралар билан урлаган бўлади (< ва >). Теглар матнларни форматлашда ва матнга хархил номатн элементларни масалан, графикалар, кушимча объектлар ва шу кабиларни урнатишда ишлатилади. HTML тилининг асосий қоидалари қуйидагича: 2

Қ оида 1. HTML даги истаган харакат теглар билан аниқланади. Битта тег (чап) харакатнинг бош кисмида, иккинчиси эса (ўнг) охирида туради. Бунда теглар « < » ёки « > » ишоралар билан ёнма-ён туради. Ёлғиз ўзи ишлатиладиган теглар хам мавжуд. Қ оида 2. Браузер дарчасидаги бурчакли қавс ичига жойлаштирилган истаган тег ёки бошқа инстукция ташқарига чикарилмайди ва HTML - файл учун ички буйруқ хисобланади. Шакл: < HTML >......сахифа матни……<| HTML > бунда чапки тег < HTML > HTML даги хужжатнинг бошланишини,<| HTML > тег эса охирини англатади. Агар браузер чапки тегга дуч келса, навбатдаги матн – бу HTML даги код эканлиги маълум бўлади. Браузер уз дарчасида тегни эмас, балки теглар ўртасидаги матнни кўрсатади. Бу теглар билан HTML даги истаган хужжат бошланади ва тамом бўлади. HTML қоидаларига кўра ёпувчи (ўнг) тег худди очувчи (чап) тег сингари ёзилади, лекин тег номи олдига «|» (тугри слэш) символи қўшиб қўйилади. +ўшалоқ теглар орасида ягона принципиал фарқ шундаки, ёпувчи теглар параметрлардан фойдаланмайдилар. Мос якунловчи тегларга мухтож бўлган теглар контейнер теглар дейилади. Очувчи ва ёпувчи теглар орасида ёзилганларнинг барчаси тег- контейнер тегишли бўлади. Баъзида якунловчи тегни тушириб қолдирса ҳам бўлади. Масалан, < TD > жадвалининг ячейкасидаги маълумотларни ифодаловчи тег учун унга мос бўлган ёпувчи тег <| TD > ни доимо тушириб қолдириш мумкин, жадвал ячейкаси учун маълумотларнинг тугалланганлиги навбатдаги < TD > тегнинг пайдо бўлиши орқали аниқланади. +атор теглар якунловчи тегларга мухтож бўлмайдилар. Мисол тариқасида қуйидагиларни келтириш мумкин: < IMG > тасвирни ўрнатиш теги; < BR > сатрининг мажбурий равишда узатилиши; < BASEFONT > базавий шрифтнинг кўрсатмаси ва бошкалар. Кўпинча, тегнинг мохиятига қараб унинг якунланишига мухтожлиги тўгрисида фикр килиш мумкин. 3

HTML да тегларнинг нотўғри ёзилишига эътибор бериш одат тусига кирмаган. Нотўғри ёзилган тег ёки унинг параметрини браузер аниқланиши керак. Бу барча браузерлар учун умумий қоидадир. Баъзан браузерлар таъсири остига хато ёзилган теглар билан бирга, браузернинг маълум версияси англанмаган теглар хам тушиб колади. HTML теглари «хисса кушиш» даражаси бўйича ажралиб турадилар. Мураккаб HTML – хужжатларда баъзи элементларнинг хисса қўшиш даражаси 10дан ҳам ошиши мумкин. Бунда олдинги хисса кушиш даражасида бўлган теглар мавжуд тегларга нисбатан Бош (родительский) тег дейилади. Мавжуд тег эса тармокланиб чиккан (дочерний) ёки шуъба тег хисобланади. Уз навбатида, шуъба – тег ўз хиссасини қўшган бошқа тегларга нисбатан бош тег хисобланиши мумкин. Теглар параметрлар ёки атрибутлар (анг. attribute ) билан ёзилиши мумкин. Рухсат этилган параметрлар йиғиндиси хар бир тег учун индивидуал хисобланади. Параметрлар ёзишининг умумий қоидага қуйида келтирилган. Теглар номидан кейин бир-бирлари билан пробеллар билан ажралиб турадиган теглар ёзилиши мумкин. Тег параметрларининг кетма-кетлиги ихтиёрий равишда бўлади. Куп параметрлар уларнинг мохиятини (значение) кўрсатишни талаб қиладилар, лекин баъзи параметрлар уларсиз ёзилиб фикр билдирмаслик (жим туриш)ни маъкул курадилар. Агар параметр мохият талаб қилса, у холда параметр номидан кейин тенглик (қ) ишораси орқали курсатилади. Параметр мохияти кавс ичида ёки кавссиз ёзилиши мумкин. Агар параметр мохиятида пробел иштирок этган булса, у холда кавс, албатта ёзилади. Параметр мохиятида (тег ва параметрлар номидан фарқли равишда) баъзида ёзув регистри мухим бўлади. Тегнинг параметр билан ёзилишига мисол: < TABLE BORDER ALIGN = “ left ”> Бу ерда < TABLE > теги учун иккита параметр берилган. Мохиятсиз курсатилган биринчи параметр BORDER . Иккинчи параметр ALIGN left мохиятига эга. 4

HTML теглари хархил параметрга эга булиши мумкин, лекин барча тегларга мос тушадиган катор параметрлар хам мавжуд. Масалан, HTML хужжатидаги < BOD > булимида фойдаланишга рухсат этилган барча теглар куйидаги параметрларга эга булиши мумкин: CLASS , ID , LANG , LANGUAGE , STILE ва TITLE . Параметрлар CLASS , ID , STILE лар Internet Explorer нинг 3.0 версиясидан бошлаб ва Netscape нинг 4.0 версиясидан бошлаб кувватланиб келадилар. Бу параметрлар услуб (стиль)лардан фодаланилганда керак бўладилар. Параметрлар LANG , LANGUAGE , TITLE лар факат Internet Explorer нинг 4.0 версиясидан бошлаб қувватланиб келадилар. Бу параметрлар мос келган фойдаланадиган тилларни кўрсатадилар (масалан, Россия учун LANG = ru ), скрипт ёзиш тилини (масалан, LANGUAGE = Java Script ) ва бошқалар. Замонавий HTML да тил теглари ва унда кўрсатилган қийматлар билан бирга, бошланғич HTML -кодда сценарий кодлари ( Java Script ёки VB Script ) хам ёзилади. Улар тўгрисида 8-бобда батафсил гапирилади. 90-йилларнинг ўрталарида Интернет тармоғининг экспоненциал усиши окибатида HTML тили оммавий тус олди. Бу вактга келиб тилни стандартизациялаш зарурати туғилди, чунки куп компаниялар Internet га кириш учун кўплаб дастурий таъминотлар ишлаб чиқдилар, тўхтовсиз ўсиб бораётган ( HTML инструкцияси бўйича) ўзларини вариянтларини тавсия қилдилар. HTML тили тегларини қўллаш бўйича ягона бир қарорга келиш пайити якинлашган эди. World Wide Web Consortium (кискача – W ЗС) деб номланган ташкилот HTML стандарти (спецификация)ни яратиш ишларини узига олди. Унинг вазифасига браузерлар тадкикотчи компанияларнинг хархил таклифларини хисобга олган холда тилнинг замонавий ривожланиш имкониятлари даражасини акс эттирувчи стандартни яратиш киради. Спецификациянинг тасдиқлаш схемаси қуйидагилардан иборат: W ЗС к o нсoрциуми стандарт лойихасини тайёрлайди. Мухокама қилингандан сунг унинг ишчи (draft) варианти чиқарилади, сўнгра уни маълум бир даврга яна мухокама қилиш учун 5

тавсия қилинади. Истаган хохловчи одам HTML стандартининг янги тег ва версиялари мухокамасида иштирок этиши мумкин. Мухокама даври тугагандан кейин стандартнинг ишчи варианти тавсифнома хисобланади, яъни HTML спецификациянинг расмий тан олинган варианти бўлади. Кабул қилинган стандарт Document Type Definition (хужжат хилини аниклаш) ёки DTD деб аталади. Интернетда биринчи марта курсатилган (такдим қилинган) HTML даги DTD – стандартнинг 1.0 версияси бўлди. Сўнгра 1995 йил ноябр ойида WWW учун анча аниқ ва ўйлаб қилинган 2.0 версия яратилди. 1996 йил сентябр ойида бир неча ойлик мухокамадан сўнг 3.2 версия тасдиқланди (3.0 версия нашр қилинмади). 1997 йил июн ойида HTML – стандартнинг 4.0 версияси эълон қилинди ва 1997 йил декабрида расмий стандартга айланди. Бугун бу қабул қилинган стандартларнинг энг охиргисидир. Умуман, HTML хужжат стандарт хисобланиши учун яна пролог (муқаддима) хам керак. Хужжатга қандай ишлов беришига қараб у ўрнатилади. Пролог қуйидаги кўринишга эга: </DOCTYPE HTML PUBLIC “-||W ЗС ||DTDHTML<4.0||EN”> Пролог бу махсус кўриниш эга бўлган ёлғиз тег . Бу тег очувчи <HTML> олдида HTML – хужжатнинг энг олдига ўрнатилади ва HTML 4.0 – спецификациясига катъий мос келган холда расмийлаштирилган хужжат хисобланади . HTML – хужжатга прологни ўрнатиш – бу W ЗС талабидир ( Интернетдаги кўпчилик HTML хужжатларда пролог қўйилмайди ). HTML 4.0 спецификациясида монитор экранида тақдим этилган таърифдан хужжат структураси таърифини ажратиш асосий ( ключевой ) ғояга айланди . Тажриба курсатиши буйича хужжатнинг бу иккала таърифини бир - биридан ажратиш платформа , мухит ва шу кабиларни кенг микёда кувватлашга килинадиган сарф - харажатларни анча камайтирар экан , шу билан бирга хужжатларга ўзгаришлар киритишни осонлаштирар экан . Бу ғояга асосан стил 6

( услуб ) жадвали ёрдамида хужжатларни тақдим қилиш усулидан кўплаб фойдаланиш мақсадга мувофиқ келади . HTML – стандарти тўғрисидаги расмий маълумотларни W ЗС канс o рциумининг - Web- сайтидан қуйидаги адрес бўйича олиш мумкин : http:|www.W З . org|TR|. 4.0 спецификацияси қуйидаги адресда тайинланган: http :|| www . W З. org | TR | REC . html 4 u -971218 2. HTML нинг асосий теглари. 2-асосий савол баёни: Олдинги бобда айтиб ўтилганидек HTML ҳужжатлари – бу матнли файллар бўлиб, уларга белгилаш теглари деб номланган махсус кодлар киритилган. Бу теглар Web -браузерларга матн ва графикларни қандай қилиб шарҳлаш ва акс эттириш лозимлигини кўрсатиб туради. HTML -файл – бу оддий матнли файл. Шунинг учун уни истаган матн редакторида, масалан MS Word ёки оддий «Блокнот» да яратиш мумкин. Ҳужжат яратилгач, уни матн форматида сақлаш керак. Лекин бу ишни бажаришда олдин унинг кенгайишини ўзгартириш, яъни .ТХТ ўрнига. HTML ёки . HTM ни қўйишни эсдан чиқармаслик керак. . HTML ва НТМ кенгайиши HTML -файл учун стандарт ҳисобланади. Бундан ташқари, бу кенгайишлар компьютерга файлда матнлардан ташқари HTML кодлари ҳам мавжудлигини кўрсатиб туради 7

HTML тили ҳарфлар размерига бефарқдир, яъни бош ва кичик ҳарфлар бир хил қабул қилинади. Лекин тегларни ёзишда кўпинча бош ҳарфлардан фойдаланилади. Web -саҳифа кўриниши ва акс эттирилаётган ахборотнинг қанақалигидан қатъий назар, HTML ва WWW спецификациясига асосан ҳар бир Web -саҳифада иштирок этиши зарур бўлган қуйидаги тўртта теглар мавжуд: 1. < HTML > Браузерча хужжат HTML тилида ёзилганлиги тўғрисида хабар беради. 2. <НЕ AD > HTML – ҳужжатнинг кириш ва бош қисмини белгилайди. 3. <ВО DY > Асосий матн ва ахборотни белгилайди. 4. < ADRESS > Бу Web -саҳифа тўғрисида кўпроқ тўла-тўкис ахборот олиш учун керак бўладиган электрон почта адрессига эга. Бу теглар Web -браузерга HTML – ҳужжатнинг ҳар хил қисмларини аниқлаш учун жуда зарурдир, лекин улар Web -саҳифанинг ташқи кўринишига тўғридан-тўғри таъсир этмайдилар. Улар HTML га киритилган навбатдаги янги маълумотлар уй саҳифаларида тўғри шарҳлаш, шу билан бирга барча Web - браузерларда бир хил кўринишга эга бўлиши учун жуда зарурдир. Масалан, сизнинг Web -серверингизда барча HTML -ҳужжатларни кўрадиган ва уларнинг рўйхатини тузадиган дастур ишга туширилган. У <НЕ AD > теглари ичида жойлашган матнларни кўради, холос (бу ерда ҳужжатлар номи ҳам жойлаштирилган бўлади). Шундай қилиб, агар уй саҳифаларида <НЕ AD > ва </ НЕА D > теглари бўлмаса, у ҳолда у рўйхатга киритилмайди. Анчагина номи чиққан Web -серверлар - қидирув воситаларининг кўпчилиги мана шундай ишлайди. Улар ахборотларни <НЕА D > тегларидан оладилар. < HTML > ва </ HTML > теглари. Бу теглар броузерларга улар орасидаги матнни худди HTML матни каби шарҳлаш (изоҳлаш) зарурлиги тўғрисида хабар беради, чунки HTML - ҳужжатлари фақат матнлидир. < HTML > тег эса файлнинг гипермати боғланиш тилида ёзилганлигини гапириб туради. 8

< HEAD > ва </ HEAD > теглари. Улар Web -саҳифалар номларини белгилайдилар. Бунинг учун < HEAD > ва </ HEAD > теглар орасида Web -саҳифа номи киритилади. *. Ҳар бир HTML – ҳужжат фақатгина битта номга эга бўлади. Сўнгра унинг олди ва орқа томонларини < TITLE > ва </ TITLE > теглари билан белгиланг. У, одатда браузер дарчаси сарлавҳасида кўрсатилади. Контейнер < TITL Е> тегини ҳужжат файлининг номи билан адаштирмаслик керак. Аксинча у файл номи ва манзилига бутунлай боғлиқ бўлмаган матн сатридир. Файл номи компьютернинг операцион тизими (ОТ) орқали қатъий равишда аниқланади. Шу билан бирга ҳужжатлар номи (тег < TITLE > билан бирга) ни ҳужжат ичидаги кўпинча < H > теглари билан жойлашадиган сарлавҳалардан фарқлаш керак бўлади. < BODY > ва </ BODY > теглари. < BODY > ва </ BODY > теглари < HEAD > каби HTML – ҳужжатнинг махсус қисмларини белгилашда ишлатилади. < BODY > теглари эгаллаб олган матн ҳужжатнинг асосий қисми ҳисобланади. Матннинг катта қисми ва бошқа ахборотлар ҳам унинг таркибига киритилади. < ADDRESS > ва </ ADDRESS > теглари. Бу теглар мазкур саҳифага нисбатан кимдадир савол ёки фикр туғилиб қолган тақдирда кимга мурожаат қилиш кераклиги тўғрисидаги ахборотларни ўз ичига олади. < ADDRESS > теглари бу ахборотларни асосий блокдан ажратиб олиш учун ишлатилади. Уй саҳифасига бу тегларни киритиш учун қуйидаги қадамларни бажаринг: 1. < BODY > ва </ BODY > теглари орасида исмингизни ва электрон почта адресини теринг. 2. Сўнгра исмингиз ва адресингизга < ADDRESS > тегини киритинг. 3. Исм(ном) ва адресдан сўнг ёпувчи </ ADRESS > тегни киритинг. 9

Энди Web -саҳифа (мисол тариқасида) ни кўриб чиқамиз: <HTML> <HEAD> <TITLE> Web- саҳифа мисоли </TITLE> </HEAD> <BODY> <H1> бизнинг Web- саҳифамиз </H1> <P> бу Web- саҳифа Web- дизайнер бўлиш мумкинлигини намойиш қ илиш ма қ садида яратилгандир . Бунинг учун Web- серверга созланиши қийин дастур талаб қилинмайди . Бунда сизнинг операцион тизимингиз муваффақият билан унинг ўрнини босаолади . <P> </BODY> </HTML> Бу ерда терминология тўғрисида бироз олдиндан келишиб олишимиз керак . HTML – ҳужжатда хато бўлса , лекин барибир броузер томонидан чидаб бўларли даражада кўрсатилса , бундай ҳужжатни яхши расмийлаштирилган ҳужжат дейилади . Аксинча , расмийлаштиришда хатоси бўлмаган HTML – ҳужжат стандарт ҳужжат дейилади . Саҳифамиз кодига яна бир бор нигоҳ ташлаймиз . Барча HTML – ҳужжат жуфт теглар - <HTML> ва </HTML> ичида жойлашганлиги маълум бўлади . Бу стандарт HTML – ҳужжатларни расмийлаштиришнинг биринчи қоидасидир . Иккинчи қоида бўйича HTML – ҳужжат иккита бир - бирига тенг бўлмаган секцияга бўлинган бўлади . Биринчи (кичик) секция – бу HTML -сарлавҳа. HTML -сарлавҳа жуфт теглар - < HELD > ва </ HEAD > билан ажралиб туради. У браузер дарчасида акс этмайди, лекин браузер ўз эҳтиёжлари учун фойдаланадиган хизмат ахборотларини ўз ичига олади. Иккинчи (катта) секция – бу ҳужжат жисми деб аталадиган шахсий ҳужжат. Худди мана шу ҳужжат жисми браузер дарчасида акс эттирилади. Жисм жуфт теглар - < BODY > ва </ BODY > билан ажралиб туради. Бу ердан 10

стандарт HTML – ҳужжатларни расмийлаштиришнинг иккинчи қоидаси келиб чиқади: ҳар бир ҳужжатда HTML – сарлавҳа ва тест ссўлкалари бўлиши ва бу иккала секциялар тўғри расмийлаштирилган бўлишлари шарт. < BODY > тегида матн ва фан ранги тўғрисидаги ахборот мавжуд бўлиши мумкин. Бунинг учун чап тег форматини озгина ўзгартириш керак бўлади. Масалан: < BODY BGCOLOR = « FFFFOO » TEXT = «ОООООО»>. Бу ерда BGCOLOR параметри ф o н рангини, TEXT эса матн рангини аниқлаб беради. Бу мисолда фoн учун сариқ, матн учун қора ранглар танланган. HTML тилида ранглар ўн олтилик кодининг рақамлари билан аниқланади. Ранглар системаси қуйидаги учта асосий ранглардан иборат, яъни қизил, барг ранг ва кўк ва улар RGB ( Red Green Bluc ) деб белгиланади. Ҳар бир ранг учун ОО дан FF гача бўлган оралиқдаги ўноитилик қийматлари берилади. Улар 0-255 диапазонидаги ўнлик саноқ системасига мос келади. Сўнгра бу қийматлар олдига # (решетка) символи қўйиб ёзиладиган битта сон (рақам) га бирлаштирилади. Масалан, # 800080 сони бинафша ранг билан белгиланади. Рақамлар йиғиндисини ёдда қолдириш қийин. Шунинг учун қуйидаги илова №1 да ранглар номи батафсил кўрсатилган: Броузерларнинг олдинги версияси фақатгина 16 та стандарт рангларни (жадвал 3.1) қабул қилишган бўлса, замонавий версиялари эса 140 та ранглар номини қабул қилишган. 16 та ранглар номи Жадвал 7 .1 № Ранглар номи 16 лик қийматлар - RGB Ўнлик қийматлар Инглизч а Ў збекча R G B 1 2 3 4 5 6 7 1. Aqua Мовий р. #OOFFFF 0 255 255 2. Black Қ ора р . # OOOOOO 0 0 0 3. Blue Кўк р . #OOOOFF 0 0 255 4. Fuchsia Пушта р . #FFOOFF 255 0 255 5. Gray Тў қ кўк р . #808080 128 128 128 11

6. Green Тўқ барг р . #008000 0 128 0 7. Lime Барг р . #OOFFOO 0 255 0 8. Maroon Малина р . #800000 128 0 0 9. Nary Тўқ кўк р . #OOOO80 0 0 128 10 . Olive Алиф р . #8080OO 128 128 0 11 . Purple Сирен р . #800080 128 0 128 12 . Red Қ изил р . #FFOOOO 255 0 0 13 . Silver Оч кул р . #COCOCO 192 192 192 14 . Teal Ҳаво р . #OO8080 0 128 128 15 . Wife О қ р . #FFFFFF 255 255 255 16 . Yellow Сари қ р . #FFFFOO 255 255 0 <FONT> тегининг COLOR калит сўзидан фойдаланиш матнни акс эттиришда бир нечта ранглар ичидан биттасини танлаш иккинчисини яратади . <FONT COLOR қ RED> қ изил матн </FONT> экранда матннинг стандарт рангини ўзгартириш учун <BODY> тегидаги TEXT қ калит сўзидан фойдалани yu <BODY TEXT қ Gray> <FONT> тегидаги COLOR қ ва <BODY> тегидаги TEXT калит сўзларидан фойдаланишнинг яна бир усули мавжуд ( бу ерда 16- лик кодининг 6- та ра қ ами ишлатилади ). Масалан , <FONT COLOR = # OOOOFF> кўк матн </FONT> Дастур тайёрлаш жараёнида ҳар хил комментария ва қўшимчалар қилишга зарурият туғилишини дастурчилар (программистлар) яхши биладилар . Бу ишлар файлни навбатдаги лидернизация қилиш учун зарур . Броузерда кўринмаслиги учун уларни қуйидаги теглар билан кузатадилар . 12

< ! - - комментария матни - - > HTML тилининг иккинчи қоидасига асосан учбурчак қовслар ичидагилар броузер дарчасида кўринмайдилар . Ҳужжатларни қисмларга ажратиш усулларидан бири горизантал чизиқларни ўтказишдир . Бунинг учун тег <HR> (horizontal ruler) ишлатилади . Бу тег кантейнер ҳисобланмайди . Чизиқлар олдига ва охирига автоматик равишда очиқ сатр қўйилади . <HR> теги параметрлари 3.2 жадвалда келтирилган . Тег < HR > параметрлари Жадвал 7 .2 Параметрла р Вазифаси ALIGN +ирраси ва марказни текислайди. LEFT , CENTER , RIGHT қийматларга эга. WIDTH Браузер дарчасининг энидан фоиз ёки пикселларда чизи қ узунлигини қ ўяди . SIZE Чизиқ қалинлигини ( пикселларда ) қўяди . NOSHADE Чизиқ рельефлигини инкор қилади . COLOR Чизиқ рангини кўрсатади. RGR ёки стандарт номдан фойдаланилади. Мисол : <HTML> <HEAD> <TITLE> First Document </TITLE> </HEAD> < ! - - ф o н учун оқ ранг танлаймиз , шрифт учун эса қора ранг - - > <BODY BGCOLOR = «FFFFFF” TEXT = “OOOOОО”> Бизнинг Web- саҳифамизга ташриф буюручиларни табриклаймиз ! < ! - - ярим бет кенгликдаги чизи қ ва ўнг > <HR WIDTH = 50 %. ALIGN = “RIGHT” >.Т ў ғ ри эмасми , Internet да саҳифа яратиш жуда қ изи қ арли ! 13

< ! - - чорак бет кенглигидаги чизиқ ва чап > <HR WIDTH = 25 % ALIGN = «LEFT» > </BODY> </HTML> Энди first, html номли файлни са қ лаш зарур . Уни очгандан сўнг браузер дарчасида ўзингизнинг ҳужжатингизни кўрамиз . Бу мисолда иккала жумла (фраза) бир хил ҳарфлар размерига эга бўлади. Агар сиз фонт размерини ўзгартиришни истасангиз 6 тегдан иборат тўплам (набор) дан фойдаланинг: < H 1> - - - матн - - - </ H 1> - энг катта шрифт < H 2> - - - матн - - - </ H 2> - - - - - - - < H 6> - - - матн - - - </ H 6> - энг кичик шрифт Яна бир муҳим тег < P > янги абзацни англатади. Унинг орқасидаги матн навбатдаги сатр бошига ўтказилади ва олдинги матндан қўшимча оралиқ билан ажратилади. Янги сатрга ўтказувчи махсус тег ҳам мавжуд – бу ёлғиз тег < BR > (brace- разрўв). Баъзида сизда баъзи символларни Web -саҳифада акс эттиришда муаммолар пайдо бўлиши мумкин.&, //, <,>, қ каби символлар баъзи бир тегларни ёзишда ишлатилади. Бошқа символлар одатий алфавитда учрамайди. Бундан ташқари чет тилларда қўлланадиган, лекин инглизча тилида бўлмаган символлар учраб туради. Масалан, Web -саҳифада frangais сзи ўрнида седиль деб номланган символ ишлатишга тўғри келади. Бундай ҳолларда HTML – ҳужжатингизга махсус кодлар орқали керакли символларни киритиш мумкин. Бу кодлар амперсанд (&) символидан ва кетма- кет келадиган символ номидан ёки ўнлик ёки 16-лик қийматлардан иборат бўлади. Махсус символ «нуқта ва вергуль» белгиси билан тугалланади. HTML спецификациясида махсус символлар ва уларнинг қийматини кўрсатувчи қатор жадваллар келтирилади. Улар Илова №2 да мавжуд. Бу ерда 14

фақат қўлланилиши актуал бўлган ва браузерлар томонидан қувватлаб туриш таъминланган символлар кўрсатилган (Жадвал 3.3). Символик номлар Жадвал 3.3 Резервланган символ Символик номлар +авс («») & qnot ; Амперсанд ( S ) & mp; Кичик (<) & it; Катта (>) & t; Узлуксиз пробил (матн сатрларга бўлиниб кетмайди) & nbsp; Хуқуқ (©) © Тижорат маркаси (®) & red ; Барча символлар ўз қолдиқларига эга бўлишлари мумкин. Масалан, узлуксиз пробел символи коди 160 бўлади. У ўнлик кодида & # 160 кўринишида ёзилади. Бир нечта мисоллар келтирамиз: & quot ; қовсдаги матн Squot ; 2 & it ; 3 Microsoft & red ; 3. Гиперматн хужжатларни, гипербоғланиш (ссылка) ва графикаларни яратиш 3-асосий савол баёни: Гиперматн хужжат – бу бошқа хужжатларга ўтиш учун алоқа боғловчи (ссылка)ни ўзида сақлайдиган хужжат. У сичқонча тугмасини босиш орқали бир хужжатдан иккинчи хужжатга тезлик билан ўтишни таъминлайди. Бундай алоқаларни замонавий махсулотлар дастурлари файлларида кўплаб учратиш мумкин. Гиперматнга асос қилиб кўп мақолаларида бошқасига ҳавола (ссўлка) қилинадиган энциклопедик словарларни ташкил этиш принципи олинган. Web – сахифаларга жойлаштириш мумкин бўлган кўплаб мультимедиа объектлари мавжуд. Замонавий гиперматн хужжатларда матннинг ўзига қўшимча қилиб кўпинча хар хил графика, видео ва аудиообъектлардан фойдаланилади. Алоқа (ссўлка) сифатида эса тасвир ишлатилади. 15

Гипералоқа (ссылка) – бу махсус HTML теги бўлиб, унда параметр сифатида зарурий хужжат адреси сақланади. Гипералоқа активлашганда (замонавий график браузерларда бу иш сичқончанинг чап тугмасининг чиқилатиб амалларга оширилади) зарурий Web – серверга HTTP – талаб (керакли хужжат номи билан) юборилади. +уйида гипералоқа тегининг формати кўрсатилган: Якорь тег URL < AHREF = “http:”//www.press – service. UZ/folder// гиперматнли ало қ анинг калит сўзи URL Бу матн ажратилади Forder /file. html/ > Бу матн </A> ссўлканинг курсаткичи хисобланади Ёпувчи якор теги Расм 3.1. Уй саҳифасидаги гипералоқа Гипералоқа ( гиперссўлка ) нинг икки қисмдан иборатлиги расм 3.1 дан кўриниб турибди . Унинг биринчи қисмини ссўлка кўрсаткичи (anchor), браузерга инструкция берадиган иккинчи қисми эса ссўлканинг адрес қисми (URL - адрес ) дейилади . Агар фойдаланувчи сичқонча курсорини ссўлка кўрсатикичига олиб келса , у ҳолда у кўрсатувчи белгига айланади ( гипералоқанинг биринчи белгиси ). Фойдаланувчи ссўлка кўрсаткичи бўйича чиқиллатиб ссўлка ҳавола қилинаётган хужжатни олади . Ссўлка кўрсаткичи сўз , сўзлар гуруҳи ёки тасвир булиши мумкин . Ссўлка ташқи кўриниши унинг хилига , яратиш усулига ва браузер кўриб чиқиш 16

дастурининг қўйилишига боғлиқ бўлади . Кўрсаткичларнинг матнли ва графикли хиллари мавжуд . Матни кўрсаткичлари бир ёки бирнеча сўзлардан иборат бўлиб сўз остига чизиш билан ажралиб туради . Кўрсаткич рангини муаллим ва кўриб чиқиш дастурининг қўйилиши бошқариб боради . Ссўлка матн кўрсаткичининг ёзилиши қуйидаги мисолда кўрсатилган : < AHREF қ «sample. html»> бу матн </A> ссўлка кўрсаткичи ҳисобланади . Ссўлка сифатида график тасвирлардан ҳам фойдаланиш мумкин. График ссўлкалар харакат қилиш принципи бўйича матн ссўлкаларидан ҳеч қандай фарқланмайдилар. Улар тагига чизилмайди ва ранглари ажралиб турмайди. Браузернинг ажралиб кўриниши учун, одатда тасвир атрофига рамка расмини чизадилар. Ссўлка график кўрсаткичи учун мисол: < AHREF = « sample . html »> < IHGSRC = « picture . qit »> </ A > Гипералоқа иккинчи қисми – бу URL – адрес. Web – сахифанинг бу адреси кўрсаткичда сичқонга чиқиллатилганда юкланади. Адрес кўрсатиш нисбий ва абсолют бўлиши мумкин. Агар URL – адресда файлга бериш йўли тўла кўрсатилмаса бундай ссўлка нисбий дейилади. Бу ҳолда файл ўрнашган файл аниқлаш шу каби ссўлкаларга мавжуд бўлган хужжатнинг ўрнашган жойини инобатга олиб бажарилади. Масалан, агар http : // www . quv . uz / paqe адрес бўйича браузер сахифани юклаган бўлса, у ҳолда нисбий кўрсаткич http : // www . quv . uz / paqe / picture адреси деб тушунади, яъни шу машинада жойлашган каталогча (подкаталог). Нисбий кўрсаткичлар ишлатишда жуда кулайдир. Компьютер, каталог ва файлни тўла – тўкис аниҳловчи URL – адрес абсолют кўрсаткич дейилади. Абсолют кўрсаткичлар, нисбийлардан фарқли равишда бошқа компьютерлардаги файлларга ҳавола қилаолади. Ссўлкани уюштириш учун браузерга унинг ссўлка кўрсаткичи ҳисобланганлиги ва сиз ҳавола этаётган хужжат адресини кўрсатиш зарурлиги тўғрисида хабар бериш керак бўлади. Иккала харакат ҳам < A > теги ёрдамида бажарилади. Тег < A > мохияти (маъноси) URL – адрес хисобланган ягона HREF 17

параметрига эга. Кўрсаткич эга нисбий ёки абсолют бўлиши мумкин. Бу тег контейнер ҳисобланганлиги боис ёпувчи тег </ A >ни, албатта ўрнатиш керак бўлади. Масалан, < AHREF = “ http : // www . Ictcouncil . qov . uz ”> ссўлка матн кўрсаткичи </ A >. Нисбий кўрсаткичлар билан ишлашни осонлаштириш мақсадида тег < BASE > киритилган. У хужжат бошидаги HEAD бўлимида жойлашган ва URL – адресига эгадир (унга нисбатан хужжатда ҳамма адресация мавжуд). Бу кўрсатма нисбий адресациялар ишлатиладиган хужжатдаги истаган тегга таъсир этади. Агар тег < BASE > бўлмаса, у ҳолда адресация жорий хужжатлар адресига нисбатан қурилади. Энди – нисбий адресацияга мўлжалланган ананавий мисол. +уйидаги ситуация (холат)ни кўриб чиқамиз: Биз яратмоқчи бўлган жорий файлдан илгари яратилган амалдаги first . html файлига ҳавола (ссўлка) қиламиз, яъни  <HTML>  <HEAD>  <TITLE> Гиперало қ а </TITLE>  </HEAD>  <BODY> <H/><CENTER><FONTCOLOR=#FF000> сайтингизнинг хурматли ташриф буюрувчилари ! </FONT> </CENTER></H1><BR> <H4> Сизга хизмат қ илаётган бизнинг компаниямиз сервисларини иложи борича яхшилаш тўгрисидаги сизнинг истагларингизни кўпро қ билишни хохлаймиз . Бунинг учун , мархамат , < AHREFқ “first.html” > анкетамизни тўлдиринг </A> миннатдорчилигизнинг чеки бўлмайди </H4>  </BODY>  </HTML>  Сўнгра файлни са қ ланг (second.html каби ) ва браузерда очинг . 18

$Баъзида бош қ а хужжатга эмас , балки жорий хужжатнинг бош қ а қ исмига кўчиб ўтиш жуда керак бўлиб қ олади . Масалан , катта хужжат яхши ўқилади , агар унда бўлишларга мос келган ссўлкани мундарижа бўлса . Ички ссўлкани қуриш учун , аввало тайинланган жойни аниқловчи кўрсаткични яратиш керак . Бунинг учун махсус гипербо ғ ланиш (« якорь »), жорий хужжатдаги қандайдир жойни кўрсатиб берувчи калька (“anchors”) лар ишлатилади . < A NAME = {“Якорь номи”}>-</А> Якорь одатий гипербоғланиш сингари жуфт тег < A > билан белгиланади. Атрибут NAME эса кейинчалик бошқа гипербоғланишлар хавола этиладиган «якорь» номини беради. <A NAME =”chapter _1” Боб 1 </A> Ю қ орида кўрсатилган « якорь » га далил келтирмо қ учун куйидаги гиперало қ ани ёзамиз : <AHREF= «#chapter_1» > Боб 1 га ўтиш </A> Демак , хужжат адресининг HREF параметрида кўрсаткич ўрнига , худди ю қ оридаги каби , ички ссўлка эканлигини англатиб турувчи префикс # билан бирга ссўлка номи жойлаштирилди . Энди, агар фойдаланувчи сичқончани чиқилатса, браузер жорий документда ch о pter – 1 номли «якорь»ни кидиради. Агар тополса, у ҳолда ўзи аниқланган хужжатнинг уша қисмига ўтиб олади. Маълум бўлдики, бу жуда керак бўлиши мумкин, агар ҳар бир сахифанинг бошига мундарижа ёзилса. У ҳолда мундарижанинг ҳар бир пункти керакли «якорь»га хавола қилувчи гипербоғланиш эканлигини билдиради.  <HTML>  <HEAD>  <TITLE> сахифа – мисоллар рўйхати </TITLE>  </HEAD>  <BODY>  <H/> ма қ ола </H1> 19$

HTML ни белгилаш тили тугрисида умумий тушунча

20.09.2019

0

333.5 KB

Похожие