Shubhasiz, har bir ishsiz Internet foydalanuvchisi shunday vaziyatga duch kelganki, siz chiroyli veb-saytga kirganingizda, agar siz bunday veb-sayt yaratsangiz nima bo'lishini o'ylaysiz, chunki yaxshi veb-sayt sizga pul va hatto shon-sharaf olib keladi. Buning uchun sizda xohish va xohish bor, siz darhol qidiruv tizimiga "Veb-saytni qanday yaratish kerak?" Deyarli hamma joyda ular sizga yaxshi veb-sayt yaratish uchun HTML tilini o'rganish kerakligini aytishadi. Agar siz ushbu biznesda yangi bo'lsangiz, ehtimol bu nima ekanligini bilishni xohlaysiz.
Men sizga HTML nima ekanligini o'zimning, Vikipediyadagidan ko'ra tushunarliroq so'zlarimda qisqacha tushuntiraman.
HTML - bu veb-dasturlashning asosiy tili, veb-sayt yaratishning barcha asoslarining asosi. Deyarli barcha veb-saytlar shu tilda yozilgan. Saytdagi matnning o'lchami, rasmning o'lchami va joylashuvi, sayt foni va boshqalar. bularning barchasi shu tilda yozilgan. HTML bu veb-saytlar bilan tug'ilgan, ya'ni deyarli barcha veb-sahifalarning ona tilidir. Misol uchun, agar siz xitoy bo'lsangiz, u holda siz xitoy tilida gaplashasiz, agar siz ukrain bo'lsangiz, ukrain tilida gaplashasiz, lekin agar siz veb-sayt bo'lsangiz, HTML tilida gaplashasiz. Har bir yaxshi veb-dasturchi HTMLni deyarli yoddan biladi va uni yaxshi biladi.
Bu til tushunarli va o'rganish oson, lekin bu dunyodagi barcha tillar singari, uni yaxshi gapirish uchun u amaliyotni talab qiladi. Ya'ni, agar siz uni to'liq o'rgansangiz ham, darhol yaxshi veb-sayt yarata olmaysiz, sizga vaqt, sabr va amaliyot kerak. Odatda, veb-dasturchi sayohatining boshida yangi boshlanuvchilar hamma narsani o'rganish va bosqichma-bosqich mashq qilish uchun sabr-toqatga ega emaslar. Sinovdan muvaffaqiyatli o'tgan, hamma narsani o'rgangan, til o'rganish jarayonida o'z amaliyotida tajriba orttirgan va taslim bo'lmaganlar - yaxshi mukofot kutmoqda.
Bir nechta veb-dasturlash tillari mavjud. Oddiy veb-sayt yaratish uchun sizga faqat bitta til kerak, asosiy til, ya'ni HTML. Murakkab va katta veb-saytni yaratish uchun sizga yordamchi tillar kerak bo'ladi, ya'ni ular haqida HTML tilini o'rganish paytida yoki undan keyin allaqachon bilib olasiz. Agar siz veb-dasturchining yo'lini boshlashga qaror qilsangiz, HTMLni hozirdanoq o'rganishni boshlashingiz mumkin. Eng muhim narsani unutmang - agar siz uni qabul qilsangiz, taslim bo'lmang va taslim bo'lmang, chunki bu ko'pchilik dasturchilarni buzadi.
HTMLning ushbu to'rtta harfi bir nechta so'zlarni, ya'ni Hyper Text Mark-up Language, rus tilida gipermatn belgilash tili kabi eshitiladi.
Nima uchun HTML kerak?Bu til nima uchun kerak? Nega uni o'rgatish kerak? Nega boshqasi emas? Yoki osongina veb-sayt yaratish uchun boshqa dasturlar to'plami bo'lsa, nima uchun uni o'rganish kerak?
Aytganimdek, HTML asosiy veb-dasturlash tilidir. Bu veb-saytlarni yaratishda qo'llaniladigan yagona til emas, balki boshqa tillarni boshqaradigan asosiy vositadir, shuning uchun uni o'rganish juda muhimdir. Veb-sayt yaratish dasturi yoki tayyor shablonlardan foydalansangiz ham, HTML hayotingizni ancha osonlashtiradi. Bundan tashqari, agar siz kelajakda yaxshi, katta va professional veb-sayt yaratmoqchi bo'lsangiz, dasturlar va shablonlar sizga yordam bermaydi, hamma narsa noldan boshlanadi va bu tilni bilish sizga yordam beradi.
HTMLni qanday ishlatish kerakBu tildan foydalanish juda oson va u hamma uchun ochiq. Hatto oddiy bloknotda (.txt) ham foydalanish mumkin. Foydalanishni yanada qulay qilish uchun maxsus dasturlar mavjud, masalan, Notepad++. Ushbu tildan foydalanish haqida batafsil ma'lumot HTML darslarida tasvirlanadi.
HTMLni qanday o'rganish kerakHTML tilini o'rganish uchun siz ushbu tilni o'rganishingiz uchun juda ko'p sabr-toqatga ega bo'lishingiz kerak. O'rganish oson, lekin asosiysi tajriba orttirish, mashq qilish, qancha ko'p amaliyotga ega bo'lsang, shunchalik yaxshi veb-dasturchi bo'lasan.
Har bir saytning ko'rinishi va funksionalligi har xil, ammo bu nima bilan bog'liq va sahifa qaysi tilda yozilgan? Bularning barchasi uchun kaskadli uslublar jadvallari va HTML ishlatiladi. Brauzerdagi ob'ektlarni tekshirsangiz, ushbu til uchun kodni o'zingiz ko'rishingiz mumkin. Ushbu maqolada HTML nima ekanligi haqida alohida gaplashamiz.
Bizning maqolamiz asosan yangi boshlanuvchilar uchun mo'ljallangan, shuning uchun doimiy blog o'quvchilari tushunishiga umid qilamiz!
Xabar quyidagi nuqtalarga bo'linadi:
HTML sahifa nimaHTML deb nomlangan belgilash tili barcha sahifa elementlarini, jumladan jadvallar, rasmlar va matnlarni loyihalash uchun ishlatiladi. Siz kod bilan tanishishingiz va uni tushunishga harakat qilishingiz mumkin, agar siz biron bir zamonaviy brauzerdan foydalansangiz, sahifani o'ng tugmasini bosing va menyuda "sahifaning manba kodi" yoki "HTML kodi" qatorini bosing. Shundan so'ng siz tahrirlovchiga o'xshash narsani ko'rasiz, unda juda ko'p tushunarsiz yozuvlar va belgilar mavjud, bu HTML til kodi.
Har bir WWW hujjatida formatlangan va chiroyli dizaynlashtirilgan matn, shuningdek, sayt egasi tomonidan tanlangan giperhavolalar va rasmlar mavjud. Ushbu elementlar bilan ishlash uchun dasturchilar HTML (Hyper Text Markup Language) deb nomlangan tilni yaratdilar, bu esa tarjima qilingan gipermatn belgilash tilini anglatadi. Har bir brauzer HTML-ni boshqacha ishlaydi va ko'rsatadi, shuning uchun u turli brauzerlarda, ayniqsa Internet Explorer-ning eski versiyalarida boshqacha ko'rinadi.
Barcha HTML hujjatlari o'xshash - bu standart matn fayli bo'lib, unda ma'lum tilning belgilash teglari va saytga tashrif buyuruvchilar o'qiydigan matnlar mavjud. Sahifa teglar yordamida yaratiladi va brauzer uni yuklaganda ularni o'qiydi. Teglar va ularning dizaynini belgilash orqali siz maqola yoki boshqa materialni sahifaning ma'lum bir joyiga joylashtirishingiz, grafik fayllar va fotosuratlar, shuningdek, saytning boshqa sahifalariga giperhavolalar qo'shishingiz mumkin. Dastlab, HTML fayl veb-hujjat emas, u brauzer tomonidan o'qilgandan keyingina faylga aylanadi.
Albatta, standart HTML kodning kamchiliklari va kamchiliklari bor. Siz sahifadagi matn bilan paragraflarni tartibga solish uchun ko'p harakat qilishingiz kerak bo'ladi, chunki belgilash va boshqa hamma narsani amalga oshirish uchun siz butun matn va har bir alohida paragraf uchun ma'lum xususiyatlarni ro'yxatdan o'tkazishingiz kerak. Agar sizning saytingiz 50 sahifadan iborat bo'lsa va har birida 10-20 paragraf bo'lsa, matnni formatlash va har safar bir xil teglarni kiritish juda uzoq vaqt talab etadi. Bu nafaqat sayt egasini charchatadi, balki sayt sahifalarining og'irligiga ham salbiy ta'sir qiladi. Aynan shuning uchun kaskadli uslublar jadvallari keyinchalik yaratilgan bo'lib, ular qisqacha CSS deb ataladi, ya'ni Kaskadli uslublar jadvallari, ular tufayli siz tezda matnni loyihalashingiz mumkin. Siz bitta teg belgilashingiz va unga matn rangi, o'lchami, shrifti va boshqalar kabi ma'lum xususiyatlarni berishingiz va keyin uni paragraflarga qo'llashingiz mumkin. Bunday holda, uslublar jadvaliga ega fayl alohida saqlanadi, uni bir vaqtning o'zida bir yoki bir nechta saytga yuklash mumkin. Keyinchalik, sahifaning asosiy elementlari HTMLda yoziladi va matn kiritiladi, keyin CSS ulanadi va barcha matn sizga kerak bo'lgan dizaynni oladi. Bu ham sahifalarning og'irligini kamaytiradi, bu juda muhim. 
Saytda bir xil dizaynga ega bo'lgan sahifalar ko'p bo'lsa, CSS-dan foydalanish tavsiya etiladi. Hujjatga CSS kodi bilan bir necha qator yozsangiz, barcha paragraflar uchun ma'lum matn formatini o'rnatishingiz mumkin. Veb-sayt yaratishda maket dizaynerlari Photoshop-da yaratilgan maket asosida HTML-da asosiy maketni yaratadilar. Ammo bundan keyin sayt tugallanmagan ko'rinadi, siz jozibali ko'rinishni yaratishingiz kerak va bunga kaskadli uslublar jadvallari bilan erishiladi. Agar sizda bo'sh vaqtingiz ko'p bo'lsa, buni o'rganish qiyin emas, chunki barcha saytlarning umumiy ko'rinishi taxminan bir xil, siz bir nechta bloklardan iborat bitta tartibga ega bo'lishingiz va qolgan saytlarni unga "sozlashingiz" mumkin. Qoidaga ko'ra, kaskadli uslublar jadvallari CSS-ga qaraganda ancha murakkab; saytni jadvallar emas, balki bloklar yordamida joylashtirish yanada qiyinroq. Bundan tashqari, dastlabki bosqichlarda siz brauzerlarda saytni turli xil ko'rsatish kabi muammoga duch kelishingiz mumkin. Aynan vaqtni behuda sarflamaslik va veb-saytlarda pul ishlash uchun CMS - bepul yoki pullik bo'lishi mumkin bo'lgan va ma'lum bir boshqaruv tizimiga ega bo'lgan tayyor veb-sayt maketlari yaratilgan.
HTML5 nima. Farqlar va afzalliklarYangi HTML5 standarti veb-sayt egalariga yordam beradi va ularni Adobe Flash formati hamda boshqa dasturlardan foydalanish majburiyatidan xalos qiladi. Ushbu standart tufayli siz sahifalardagi matn ko'rinishini o'zgartirishingiz va elektron shakllarni to'ldirishda ma'lumotlarni kiritishni soddalashtirishingiz mumkin. Agar biz ushbu tilning barcha yangiliklarini ajratsak, quyidagi fikrlarni ajratib ko'rsatishimiz mumkin:
Agar sizda biron bir savol bo'lsa, ularni sharhlarda yozing, biz ularga javob berishdan xursand bo'lamiz!
Yangi boshlanuvchilar uchun HTML asoslari, har bir yangi boshlanuvchi webmaster yoki blogger hozir nimani bilishi kerak. Agar siz asosiy veb-saytlarni yaratishni, kodning o'zini tushunishni, nima orqasida nima borligini va nima bo'lishi kerakligini bilmoqchi bo'lsangiz, HTML tilining asoslarini bilmasdan buni amalga oshirishning iloji yo'q. Mening blogimda men ushbu mavzuga A dan Z gacha bag'ishlaydigan butun maqolalar zanjiriga ega bo'laman, men hujjatda mavjud bo'lgan har bir tegni, bu nimani anglatishini va undan qanday to'g'ri foydalanishni tasvirlab beraman.
HTML asoslariAgar siz eng asosiy narsalarni bilmasangiz, yo'lingiz yopiq. O'ylaymanki, veb-saytlarni ishlab chiqish va yaratishga qaror qilgan har bir kishi asoslarni, saytning o'zi nimadan iboratligini, u qanday ishlashini va kodning o'zida nima sodir bo'lishini bilishi va tushunishi kerak.
Albatta, juda ko'p dasturlash tillari mavjud, ularning barchasi o'ziga xos tarzda murakkab, ammo ba'zilari borki, siz mutlaqo bilishingiz kerak. Agar siz pochta orqali yuboriladigan xatni chiroyli tarzda tuzmoqchi bo'lsangiz, sizda o'zingizning VKontakte guruhingiz, boshqa ijtimoiy tarmoqlardagi guruhingiz, xuddi shu YouTube kanalingiz bor, siz har qanday sayt dvigatelidagi kod bilan shug'ullanishingiz kerak, shunchaki kerak. asosiy tushunchalarni bilish.
Men bir nechta misollar keltirdim, aslida, hozir bu bilim Internetda tobora ko'proq foydalanilmoqda. Men nazariyotchidan ko'ra ko'proq amaliyotchiman, shuning uchun ushbu bo'limdagi maqolalarimda sizga qanday va nima qilganim haqidagi misollarimni bosqichma-bosqich ko'rsataman. Men ikkala misol sahifalarini va butun saytlarni joylashtiraman.
Html hujjati eng oddiy matnli hujjat bo'lib, Internetda har kuni uchrab turadigan teglash tilidir. Teglar hujjat tuzilishini tavsiflaydi. Teglar burchak shaklida formatlangan< >qavslar, ularning ichida teg nomi yozilgan. Brauzer hujjatning tuzilishiga qaraydi, uni tuzadi va ko'rsatmalariga muvofiq monitoringizda ko'rsatadi, agar siz hamma narsani to'g'ri bajargan bo'lsangiz.
Bu butun jarayon siz tugallangan rasmni ko'rishdan oldin boshlanadi. Brauzerlar hujjatni boshidan oxirigacha ketma-ket qayta ishlaydi. Sahifada bo'lishi kerak bo'lgan barcha narsalarni o'z ichiga oladi. Jadvallar, rasmlar, skriptlar va boshqalar, bunga CSS uslublari kiradi.
Yangi boshlanuvchilar uchun asoslarHtml nima - agar siz Vikipediya nima yozayotganiga qarasangiz - (HyperText Markup Language) hujjatlar uchun gipermatn belgilash tili. Internetdagi aksariyat sahifalarda ushbu tilda sahifa belgilari mavjud. Ushbu til brauzerlar tomonidan talqin qilinadi va natijada formatlangan matn kompyuter monitorida yoki mobil qurilmangizda ko'rsatiladi.
Bu til tabiatan juda oson va o'rganish uchun qulay. Har kim uning asoslarini o'rganishi va tushunishi mumkin. Bunday tildan foydalanish uchun deskriptorlarni bilish va undan foydalanish kerak, ularni teglar deb ham ataladi. Teglar yordamida hujjat yaratiladi.
Hujjatning tuzilishi nimadan iborat bo'lishi kerak, qanday teglar bo'lishi kerak. Keling, hamma narsani bitta kichik misol bilan ko'rib chiqaylik. Men MS Office-da bir nechta matn yozdim va uni ushbu skrinshotda ko'rsatdim.
Ushbu matnni brauzerda hujjatda yozilganidek ko'rsatish uchun unga ba'zi teglarni o'z ichiga olgan sahifa belgilarini qo'shishingiz kerak. Birinchidan, ularga qarang, keyin men nima uchun javobgar bo'lgan har bir kishini tasvirlab beraman.
Mening blogimga xush kelibsiz, siz hozir HTML asoslari bo'yicha dars olmoqdasiz. Agar sizga ushbu maqola yoqqan bo'lsa, elektron pochta qutingizga yangi maqolalarni olish uchun ushbu blogga obuna bo'lishingiz mumkin.
Evgeniy Nesmelovning blogi! Veb-sayt yangi boshlanuvchilar uchun html va css asoslariHar qanday html hujjati qanday teglardan iborat, u nimalarni o'z ichiga oladi va barchasi qayerga yozilishi kerak?
< html > < body > < h2 >< / h2 > < p >Mening blogimga xush kelibsiz, endi HTML asoslari bo'yicha qo'llanmani oling. Agar sizga ushbu maqola yoqqan bo'lsa, elektron pochta qutingizga yangi maqolalarni olish uchun ushbu blogga obuna bo'lishingiz mumkin.< / p > < h2 >Evgeniya Nesmelovning blogi! Nesmelov. ru Yangi boshlanuvchilar uchun HTML va CSS asoslari< / h2 > < / body > < / html > |
Har qanday kod burchakli qavslarga joylashtirilgan belgilardan iborat. Bularning barchasi elementlar deb ataladi. Barcha elementlar odatda ikkita tegdan iborat, ochilish va yopish. Men sizga dastlab teglarni diqqat bilan ko'rib chiqishni maslahat beraman; agar siz ulardan birini o'tkazib yuborsangiz va uni yopmasangiz, xatoni topish uchun kodning katta qismlarini qayta ko'rib chiqishingiz kerak bo'ladi.
Bir kundan ko'proq vaqt talab qiladigan holatlar bo'lgan, odam bog'lanib, yordam so'raydi, u o'z saytida xato topa olmaydi, shuning uchun har doim nima va qayerda yozayotganingizga diqqat bilan qarang. Keling, kodning har bir elementini, unda nima yozilganligini, nimani anglatishini va oxirida nima sodir bo'lishini ko'rib chiqish uchun ushbu misoldan foydalanamiz.
Aksariyat teglar juftlangan boʻlib, ular ochilish yorligʻi va yopish tegini oʻz ichiga oladi. Bunday teglardan tashqari bitta teglar ham mavjud. Teglar boshqalar bilan birga borishi mumkin, shuning uchun bir-birining ichiga joylashadi. Masalan, matnni bir vaqtning o'zida qalin va kursiv bilan ko'rsatish.
Matn
< strong > < i >Matn< / strong > < / i > |
Yana bir bor eslatib o'taman, siz hujjatda mavjud bo'lgan qoidalarga amal qilishingiz kerak. Brauzer sahifada nima borligini, uning ketma-ketligini, mazmunini va hokazolarni shunday tushunadi.
Teg - bu veb-brauzerga ma'lum bir vazifani bajarishni bildiruvchi komponent. Masalan, paragraf, jadval, shakl yoki rasmning mavjudligi.
Atribut - tegni o'zgartiradi. Misol uchun, siz paragrafni markazga yoki o'ngga tekislashingiz, shuningdek sahifadagi rasmning joylashishini belgilashingiz va hokazo.
Doim teglarni yoping, agar siz uni ochsangiz, uni yopganingizga ishonch hosil qiling. Aks holda, xatolik yuzaga keladi va hujjatingiz sahifada to'g'ri ko'rsatilmaydi. Bundan tashqari, istisnolar mavjud, ularni esdan chiqarmaslik kerak.
Hujjatning nomi va uning tanasi mavjudligini aniq tushunish kerak. Sarlavha tegda mavjud bo'lgan hamma narsadir. Hujjat tanasi (), hujjatning tanasi sahifaning barcha mazmunini o'z ichiga oladi. Agar o'zingiz uchun kod qismini qoldirish zarurati tug'ilsa, bu teglarni sharhlarga qo'shib qo'ysangiz, teg buning uchun ishlatiladi. Bunday teg ichidagi hamma narsa sharh sifatida xizmat qiladi va brauzerlar tomonidan qabul qilinmaydi.
Keling, birinchisidan boshlaylik. Hujjatning boshida tegni ochdim va oxirida uni yopdim. Ushbu kod mutlaqo har bir hujjatda mavjud bo'lib, u brauzerga ushbu teglar orasiga joylashtirilgan hamma narsa HTML kod ekanligini aytadi. Bu hujjatning ildizidir, keyinchalik bu teg ortida mavjud bo'lgan hamma narsa endi hujjatga kiritilmaydi va brauzerlar tomonidan qabul qilinmaydi. Hujjatning eng boshida teg ochiladi va eng oxirida u yopilishi kerak.
Ushbu tegning butun bo'limi hujjatning barcha texnik ma'lumotlarini o'z ichiga oladi. Oldingi teg kabi, bosh ham oxirida ochilishi va yopilishi kerak. Ushbu ma'lumotlar sahifa sarlavhasi, tavsifi, qidiruv tizimining kalit so'zlari va kodlashni o'z ichiga oladi. Kodlash haqida bir oz quyida.
Tarkib
< head >Tarkib< / head > |
Bu teg boshga kiritilgan va bosh tegi ichiga yozilishi kerak. Ushbu sarlavha yorlig'i majburiy va har bir HTML hujjatida bo'lishi kerak. Bunga qo'shimcha ravishda, u brauzer oynasining sarlavhasi sifatida paydo bo'ladi. Bunday sarlavhaning uzunligi 60 belgidan oshmasligi kerak. Bunday sarlavha matni sahifa mazmunini tavsiflovchi eng to'liq ma'lumotlarni o'z ichiga olishi kerak.
Agar siz sarlavhada "Salom dunyo" deb yozgan bo'lsangiz, bu sahifada ko'rsatilishi kerak bo'lgan ma'lumot va boshqa emas. Siz odamlarni va qidiruv tizimlarini aldamasligingiz kerak, ular buni yoqtirmaydilar va shu bilan siz o'zingizni yomonlashtirasiz. Ushbu tegdagi ma'lumotlar sizning sahifangiz mazmuniga mos kelishi kerak.
Majburiy sarlavha tegidan keyin ixtiyoriy, ammo bir xil darajada muhim meta teg mavjud. Bu teg yagona. Ushbu tegdan foydalanib, siz sahifa (tavsif) va uning kalit so'zlari (kalit so'zlar) uchun tavsifni o'rnatasiz.
Bundan tashqari, meta teg sahifa muallifi va boshqa metadata xususiyatlari haqidagi ma'lumotlarni o'z ichiga olishi mumkin. Siz butun sahifani qidiruv tizimlari tomonidan indekslanishini oldini olishingiz mumkin. Sahifani 20 soniyadan keyin yoki 5 soniyadan keyin avtomatik ravishda yangilanadigan, so'ngra boshqa sahifaga o'tishni sozlang.
< meta name = "robots" content = "index, follow" > < meta http - equiv = "refresh" content = "20" > < meta http - equiv = "refresh" content = "5; url=http://сайт/" > |
Bunday meta-elementlar bir nechta bo'lishi mumkin, chunki ular butunlay boshqa ma'lumotlarni olib yurishlari mumkin. Boshqa foydalanuvchilar, brauzerda sahifani ochganda, sizning barcha tavsiflaringizni ko'rmaydilar, bularning barchasi ko'rinmas qoladi.
Uslub tegidan sahifadagi uslublarni o'rnatish uchun ham foydalanish mumkin. Agar siz turli xil CSS uslublaridan foydalansangiz, ularni alohida faylga o'rnatish tavsiya etiladi. Agar siz ulardan bir nechtasini ko'rsatishingiz kerak bo'lsa, bularning barchasi to'g'ridan-to'g'ri html hujjatida ko'rsatilishi mumkin.
.base (kenglik: 100px; fon rangi: #000; balandlik: 150px; rang: #fff; )
< style type = "text/css" > Baza( kengligi: 100px; fon - rang: #000; balandligi: 150px; rang: #fff; |
Yoki bitta tegga uslublar qo'shing; Buning uchun tegning o'ziga uslub elementini qo'shishingiz kerak. Ushbu teg sahifa uchun uslublarni o'rnatadigan konteyner ichida ishlatilishi kerak. Siz bir nechta bunday teglardan foydalanishingiz mumkin, bu xato bo'lmaydi.
Oldingi tegga biroz o'xshash bo'lgan havola yorlig'i boshqa fayldagi hujjat uchun uslublarni o'rnatish imkonini beradi. Boshqacha qilib aytganda, mavjud hujjatga ko'plab xususiyatlardan iborat to'liq CSS uslublar jadvalini biriktirishingiz mumkin. Shunday qilib, siz hujjatning hajmini kamaytirasiz, natijada u past Internet tezligiga ega kompyuter yoki mobil qurilmada tezroq yuklanadi va ochiladi.
Siz bir nechta faylni ulashingiz mumkin, hech qanday cheklovlar yo'q. Bunday tegni yopishning hojati yo'q. Agar hamma narsa to'g'ri bajarilgan bo'lsa, hujjatingizga alohida fayldagi maxsus uslublar yuklanadi. Ushbu teg html asoslariga qo'shilishi mumkin va uning mavjudligi haqida unutmang. Natijada quyidagi rasm paydo bo'ladi:
< link href = "css/style-lg.css" rel = "stylesheet" > < link href = "css/style-md.css" rel = "stylesheet" > < link href = "css/style-sm.css" rel = "stylesheet" > |
Skript tegidan foydalanib, hujjatga turli stsenariylarni (skriptlarni) ulashingiz mumkin. Yopuvchi tegning mavjudligi talab qilinadi. Skriptning o'zi hujjatning boshida, ichida yoki oxirida joylashgan bo'lishi mumkin.
|
Brauzerga ushbu teglar orasiga joylashtirilgan har qanday narsa brauzer oynasida paydo bo'lishi kerakligini aytadi. Bu erda mutlaqo har bir hujjatda mavjud bo'lishi mumkin bo'lgan asosiy teglar. Tana yorlig'i sahifaning asosiy qismi bo'lib, uning barcha mazmunini o'z ichiga oladi. Ushbu tegni ochish va hujjat oxirida uni yopishni unutmang.
Sahifa sarlavhalari h1 h2 h3Keling, oldinga boraylik, xuddi shu tarzda ochiladigan va yopiladigan tegni ko'ramiz. Bu teg matnning asosiy sarlavhasini bildiradi, aksariyat hollarda H1 sarlavhasi ostida sahifa sarlavhasi joylashgan. Aslida, faqat oltita ma'lumotlar sarlavhalari mavjud. . Ular SEOda ham qo'llaniladi, ammo bu biroz boshqacha mavzu. Buning uchun men, albatta, bitta maqolani ajratib ko'rsataman va ular uchun batafsil tavsif beraman, hech narsani o'tkazib yubormaslik uchun blog yangilanishlariga obuna bo'laman.
Maqolada bunday sarlavhalarning mavjudligi sahifani targ'ib qilishda muhim rol o'ynaydi. Bundan tashqari, ulardan foydalanish sizga aniq sahifa tuzilishi, uning sarlavhasi, sarlavhalari, diqqatga sazovor joylari, kichik paragraflar va hokazolarni beradi. Har doim ulardan foydalaning va amalda qo'llang. Ko'pgina CMS-larda, masalan, WordPress, matn yozishda siz "1-sarlavha", "2-sarlavha", "3-sarlavha" va boshqalarni ko'rishingiz mumkin. Ular h1, h2 va h3 uchun mas'uldirlar.
Agar siz yangi paragrafdan asosiy matnni yozsangiz, teg yozasiz
Boshida va oxirida yoping
. html-da paragrafni belgilash MS Word hujjatida yangi abzas yaratishga teng. Hujjatga hech qanday yangilik kiritmadim. Lekin bu html hujjatida bo'lishi kerak bo'lgan hamma narsa emas. Keling, yana bir misolni ko'rib chiqaylik, tavsif biroz keyinroq keladi.HTML hujjati
Bu matn qalin bo'ladi, va bu ham kursiv bilan yozilgan
< ! DOCTYPE html > < html > < head > < meta http - equiv = "Content-Type" content = "text/html; charset=utf-8" / > < title >HTML hujjati< / title > < / head > < body > < p > < b > < / b > < / p > < / body > < / html > |
Har bir hujjat sarlavha va sarlavha elementini o'z ichiga oladi. Birinchisi, birinchi tegdan keyin darhol keladi. Ushbu teg sahifa haqidagi barcha ma'lumotlarni o'z ichiga oladi, u shuningdek elementni o'z ichiga oladi. Sarlavha - sahifaning sarlavhasi, boshqacha qilib aytganda, sahifaning sarlavhasi, uning nomi haqida ma'lumot. Sarlavhada siz foydalanuvchi sizni qidiruv tizimi orqali qidiradigan sahifaning to'g'ri nomini ko'rsatasiz, bu juda muhim nuqta. Ikkala element ham ochiq, ham yopiq bo'lishi kerak. Har bir element "/" belgisi bilan yopiladi. Natijada shunday rasm paydo bo'ladi.
Sarlavha va sahifa tarkibi
| < / html > |
Ko'rib turganingizdek, hech qanday murakkab narsa yo'q. Bu erda har bir html hujjatida bo'lishi kerak bo'lgan eng asosiy teglar mavjud. Ularning har birini yopishni unutmang, aks holda brauzer kodning to'liq rasmini idrok eta olmaydi. Siz buni doimo bilishingiz va eslab qolishingiz kerak. Keyin matn, rasmlar, videolar va hokazolarni kiritishni boshlaysiz. Ammo bu boshqa maqolalarda allaqachon bo'ladi.
Notepad++ muharriri
Kod bilan ishlash uchun Notepad++ dasturidan foydalaning. Bu bepul va uni Internetda topish qiyin emas. Har qanday kodni tushunish uchun juda qulay, shuningdek, ochilish va yopish teglarini qulay tarzda aks ettiradi. Biz 40 dan ortiq dasturlash tillarining sintaksisini qo'llab-quvvatlaymiz. Html asoslarini o'rganish uchun kerak bo'lgan narsa.
Notepad har jihatdan oddiy bloknotdan ustundir. Maksimal qulaylik, soddalik va o'rganish uchun ushbu muharrir dastlab kompyuteringizga o'rnatilgan bo'lishi kerak. Eng muhim afzallik va qulaylik shundaki, Notepad++ muharriri kod yozishda maslahatlarni ko‘rsatadi, bu esa ishingizni ancha tez va sifatli qiladi.
DOCTYPE elementiHar bir hujjat quyidagi docttype elementini ham o'z ichiga olishi kerak. Nima uchun kerak va unda nima bo'lishi kerak. Odatda odamlar bu satrlarga unchalik qiziqmaydilar, ularni hujjatlariga ko‘chirib, xotirjam ishlaydilar. Bu elementlar brauzerga hujjatda qaysi html versiyasidan foydalanilayotgani, sahifa tavsifi, qanday kodlash qo‘llanilayotgani, qanday kalit so‘zlar kiritilganligi, muallif kimligi va sahifa qanday nomlanishi haqida ma’lumot beradi.
Ular odatda eng boshida joylashtiriladi. Bir nechta variant bor va ularning barchasi bir-biridan farq qiladi, men eng ko'p ishlatiladigan bitta misolni yozaman. Ushbu blankdan tayyor shablon sifatida foydalanish mumkin. Keyinchalik har bir satrning aniq tavsifi bo'ladi, bu bilan hech qanday muammo bo'lmasligi kerak.
Html asoslari haqida qisqacha tushunarli tilda: Bu satr brauzerga ushbu hujjat XHTML 1.0 versiyasi ekanligini, ingliz tilidan foydalanilganligini va bu butun tartibsizlik shu manzilda joylashganligini bildiradi. Keyinchalik, meta tegda biz ishlatiladigan kodlashni ko'rsatamiz. Eng ko'p ishlatiladigan Windows 1251.
Tavsif - SEO mavzusi ko'rib chiqiladi, har bir hujjatda bo'lishi kerak bo'lgan uchta asosiy tegdan biri; bu teg sahifa tavsifini bildiradi. Ushbu sahifada nima yozilgan, qisqacha tavsif, ikki jumladan ko'p bo'lmagan. Kalit so'zlar yorlig'i SEO mavzusini ham qamrab oladi, bu teg talab qilinadi. Unda Internet foydalanuvchilari sizni qidiruv tizimlari orqali topish uchun foydalanadigan kalit so'zlarni o'z ichiga oladi.
Sarlavha yorlig'ida biz brauzerda ko'radigan hujjatning nomi, uning sarlavhasi mavjud. Ehtimol, sahifani targ'ib qilishga eng katta ta'sir ko'rsatadigan butun hujjatdagi eng muhim teg. Qo'shish va loyihalash bo'yicha maqola ushbu tegni batafsilroq tavsiflaydi.
Html asoslari haqida ushbu darsdan nimani eslash kerak:
Barcha asosiy sahifalar har doim indeks deb nomlanishi kerak. Bu shunday qabul qilinadi va hamma unga o'rganib qolgan, fayl kengaytmasi qanday bo'lishidan qat'i nazar, u html yoki php bo'lishi mumkin. U har doim shunday deb ataladi.
Webformyself-dan HTML asoslari haqidagi videoni tomosha qiling.
Gipermatnni belgilash tili, asosiy elementlari va tuzilishi. Bularning barchasini va boshqa ko'p narsalarni o'z blogimda tasvirlashga harakat qilaman. Avvalo, yangi boshlanuvchilar uchun foydali ma'lumotlar yoziladi, kodli misol taqdim etiladi va tayyor sahifa bilan birga misolning o'zini yuklab olish imkoniyati taqdim etiladi.
HTMLning paydo bo'lishi uchun zamonaviy dunyoda Yadro tadqiqotlari bo'yicha Yevropa kengashida (Conseil Européen pour la Recherche Nucléaire, CERN) bitta olim minnatdorchilik bildiradi. Bu olimning ismi Timoti Jon Berners-Li. HTMLning birinchi versiyasi ilmiy hujjatlarni formatlash maqsadida yaratilgan. Bu rang sxemalari, shrift parametrlari va boshqalarni tavsiflash elementlarisiz tizimli formatlash. Shunday qilib, HTML dastlab matndagi sarlavhalar, paragraflar, ro'yxatlar va shunga o'xshash strukturaviy elementlarni ajratib ko'rsatish imkonini berdi. HTML-ni qayta ishlash yoki "o'ynash" natijasi uni vizualizatsiya qilish uchun uskunaning texnik xususiyatlariga bog'liq bo'lmasligi kerak, chunki unda ushbu vizualizatsiya parametrlari mavjud emas edi. Vaqt o'tishi bilan gipermatnni belgilash tilining bu xususiyati qisman yo'qoldi.
Shunday qilib, HTML ning birinchi versiyalarining paydo bo'lishi 1986 yilga to'g'ri keladi va 1991 yilda HTML sezilarli darajada takomillashtirildi va butun dunyo bo'ylab gipermatnni uzatish uchun maxsus foydalanila boshlandi. Ularning aytishicha, Hyper Text Markup Language degan ma'noni anglatuvchi dunyoga mashhur HTML qisqartmasi aynan o'tgan asrning 90-yillari boshlarida paydo bo'lgan. Va endi markirovka tillarining nasl-nasabiga qisqa ekskursiya. HTML gipermatn belgilash tilining birinchi versiyasi standart umumlashtirilgan belgilash tili (SGML) asosida yaratilgan bo'lib, uni qaysidir ma'noda eXtensible Markup Language prototipi deb hisoblash mumkin. XML standarti kompyuter texnologiyalarida qo'llaniladigan kengaytmalarining ko'pligi tufayli bizning davrimizda juda mashhur bo'ldi. O'quvchini to'liq chalkashtirib yuborish uchun men darhol shuni qo'shimcha qilamanki, keyinchalik XML asosida XHTML (Extensible Hypertext Markup Language) gipermatn belgilash tili ishlab chiqilgan bo'lib, u asosan HTMLni takrorlaydi. Natijada, bizda SGML, HTML, XML va XHTML qisqartmalari bor va biz qaysi biri ekanligini tushunishimiz kerak. Aslida, hamma narsa oddiy: SGML - bu har qanday belgilash tilini qurish mumkin bo'lgan qoidalar to'plamidan boshqa narsa emas. HTML bu tillardan biri - SGML ilovasi. Boshqacha qilib aytadigan bo'lsak, SGML belgilash elementlari qanday bo'lishi kerakligini, HTML esa aynan qanday elementlar bo'lishi kerakligini va brauzerlar tomonidan qanday talqin qilinishi kerakligini belgilaydi. XHTML, o'z navbatida, XML ilovasi va XMLning o'zi SGML ning soddalashtirilgan versiyasidan boshqa narsa emas. , ular tashqi ko'rinishida juda o'xshash bo'lishiga qaramay, ular muhim yashirin farqlarga ega, bu ko'pincha ularni qayta ishlash printsipida yotadi.
Endi HTML ning rivojlanish tarixiga qaytaylik. Shunday qilib, 1994 yilgacha HTML hali ham faqat ma'lumotlarning tarkibiy belgilarini belgilash uchun ishlatilgan, ammo u qalin yoki kursiv bilan matnni ta'kidlash uchun teglarni o'z ichiga olgan. Xuddi shu 1994 yilda W3C (World Wide Web Consortium) tashkiloti - Butunjahon Internet Konsorsiumi yaratildi, uni mantiqan o'sha Tim Berners-Li boshqaradi va 1995 yilda HTML 2.0 tavsiyasi nashr etildi. HTML yaratuvchilari vaqt o'tishi bilan ularning miyasi statik matn belgilash tilidan dinamik Internet resurslarini yaratish uchun asosiy vositaga aylanishini allaqachon tushunishgan. HTML 2.0 ning asosiy qo'shimchasi foydalanuvchi HTTP so'rovlari uchun parametrlarni kiritish uchun ishlatilishi kerak bo'lgan foydalanuvchi boshqaruvlari to'plamiga ega shakllar tilining bir qismi sifatida ko'rinishi edi.
Ikkinchi versiya chiqarilgandan so'ng darhol HTMLning keyingi avlodi ustida ish boshlandi. 1997 yilda HTML 3.2 tavsiyasi chiqarildi, u belgilash tilini jadvallar, ramkalar, rasmlar va boshqa muhim teglar bilan to'ldirdi. Ammo 3-versiyaning eng muhim yutug'i shundaki, uning mualliflari yana brauzerda belgilashni vizualizatsiya qilish muammosiga qaytib, HTML faqat hujjat tuzilishini belgilashi va elementlarni ko'rsatish uchun grafik uslublar parametrlarini bevosita o'z ichiga olmaydi. brauzer. Ularning HTML 3.2 ustida olib borgan ishlarining natijasi mustaqil CSS tilining (Cascading Style Sheets) - kaskadli uslublar jadvallarining paydo bo'lishi bo'ldi, ularning kodi endi HTML belgilash kodiga ulanishi va shu bilan sahifaning ko'rinishini sozlashi mumkin.
1997 yilda HTML-ning 4-versiyasi chiqarilishi bilan W3C xodimlari CSS-ning paydo bo'lishi bilan eskirgan va tuzilma belgilarini taqdimot parametrlarini ajratish g'oyasini buzgan keraksiz elementlardan xalos bo'lishdi. Ammo bunday mayda-chuydalar tufayli hech kim yangi versiyani bloklamas edi. HTML 4.0 tavsiyalarining asosiy yutug'i sahifa ob'ekt modelining (Hujjat ob'ekt modeli, DOM) paydo bo'lishi edi, uning elementlari endi brauzerlar tomonidan bajariladigan dasturlash tillari skriptlari orqali boshqarilishi mumkin edi. Bunday dasturlash tilining eng mashhuri JavaScript hisoblanadi. HTML plus DOM plus JavaScript Dynamic HTML yoki oddiygina DHTML ga teng, bu veb-dizayndagi yutuqni qayd etdi. Endi yuklangan Internet-sahifaning elementlari foydalanuvchi harakatlariga javoban tashqi ko'rinishini o'zgartirishi, shuningdek, yangi elementlarni qo'shishi va mavjud elementlarni o'chirishi mumkin. 1999-yil 24-dekabrda gipermatnni belgilash tilining 4-versiyasining oxirgi nashri HTML 4.01 chiqarildi.
HTML5 hali rasmiy W3C tavsiyasi maqomini olmagan, biroq HTML mualliflari hujjat obyekti modelini qoʻllab-quvvatlash va JavaScript-ni talqin qilish talablarini ishlab chiqish ustida ishlashda davom etayotgani allaqachon aniq. HTML5 bir qator yangi teglarni oladigan bo'lsa-da, tavsiyalarning aksariyati hali ham DHTML kontekstida brauzerning xatti-harakatiga taalluqlidir: sudrab olib tashlash funktsiyalari, virtual tuvalda chizish qobiliyati uchun o'rnatilgan yordam bo'ladi. , koʻrish tarixini boshqarish va sahifalar oʻrtasida xabar almashish, ijro kontekstini saqlash va boshqalar. Yangi HTML tavsiyalarining chiqarilishi bilan bir xil JavaScript kodi turli xil brauzerlarda turlicha bajarilganda brauzerlararo mos kelmaslik muammolari asta-sekin yo'qoladi degan umiddamiz. Axir, ob'ekt modeli va JavaScript bilan ishlash uchun talablarni aniqlash tendentsiyasi davom etadi va brauzer ishlab chiquvchilari (agar ular o'zlarining dasturiy mahsulotlaridan foydalanishni xohlasalar) ushbu talablarga rioya qilishlari kerak bo'ladi.
HTML5 2014 yilda chiqarilishi rejalashtirilgan. Ehtimol, o'sha vaqtga kelib W3C faqat JavaScript dasturlash bilan bog'liq alohida tavsiyalarni ishlab chiqqan bo'lishi mumkin va HTML oxir-oqibat yana faqat hujjat tuzilishi uchun belgilash tiliga aylanadi. Bugungi kunda faqat 2012 yil bo'lishiga qaramay, ko'pchilik allaqachon eng mashhur brauzerlar tomonidan qo'llab-quvvatlanadi. Ilgari veb-dizaynerlar mustaqil ravishda qilishlari kerak bo'lgan ko'p narsa (bir xil sudrab tashlash), HTML5-ning chiqarilishi bilan brauzer darajasida qo'llab-quvvatlanadi va voqealarning rivojlanishi quvonmaydi. Biz faqat tendentsiya davom etishiga umid qilishimiz mumkin.
Internet - axborot almashish usullari va yagona adreslash tizimi bo'yicha yagona standart kelishuvlar (protokollar) asosida butun dunyo bo'ylab kompyuter tarmoqlarini birlashtirgan umumjahon tarmog'idir.
Bugungi kunga kelib, Internet misli ko'rilmagan mashhurlikka erishdi. Mutaxassislarning fikricha, Internet 100 milliondan ortiq kompyuterni birlashtiradi. 170 ta davlatda 300 milliondan ortiq kishi internet xizmatlaridan foydalanadi.
Funktsional nuqtai nazardan, Internet:
ü butun dunyo bo'ylab abonentlar o'rtasida arzon, tezkor aloqa vositasi;
ü har qanday bilim sohasi bo'yicha misli ko'rilmagan ma'lumotlar ombori;
ü faoliyat uchun yangi istiqbolli muhit.
Internetning ta'siri nafaqat kompyuter kommunikatsiyalarining texnologik sohasiga taalluqlidir, balki u ijtimoiy yo'nalishga ega bo'lib, bilim olishning tezkor vositalari va elektron tijorat tobora kengayib borayotganligi sababli butun jamiyatga kirib boradi.
Bugungi kunda eng keng tarqalgan va ommabop Internet xizmati WWW (World Wide Web). WWW to'g'risidagi ma'lumotlar gipermatn (yoki kengroq aytganda, gipermedia) deb ataladigan hujjatlar shaklida taqdim etiladi, ular formatlangan matn, grafik, audio va video fragmentlarni o'z ichiga olishi mumkin.Gipermatnli hujjatlarning asosiy xususiyati - faol zonalarning mavjudligidir. sichqonchani bosish sezgir.Matn fragmentlari faol bo'lishi mumkin , butun tasvirlar va ularning qismlari; faol zonani bosish ushbu zona bilan bog'langan (maqsadli) hujjatni yuklab olishga olib keladi.
Internetda materiallarni qanday joylashtirishni o'rganish uchun siz birinchi navbatda HTML gipermatn belgilash tili (H yperT ext M arkup L anguage) bilan tanishishingiz kerak.
HTML asoslariHTML gipermatnli hujjatlarni belgilash tili teglar deb ataladigan buyruqlar to'plamidir (ingliz tilidan teg).Hujjat matnida topilgan HTML teglari hujjatni ko'rsatishda brauzer tomonidan talqin qilinadi.
HTML hujjatlarini ko'rish dasturlar yordamida amalga oshiriladi - brauzerlar(ingliz tilidan brauzer), bu hujjatni HTML belgisiga muvofiq ko'rsatadi va giperhavola navigatsiyasini ta'minlaydi. Eng keng tarqalgan brauzerlar Microsoft korporatsiyasidan Microsoft Internet Explorer va Netscape Communications Corporation kompaniyasidan Netscape Navigator.
HTML hujjat matn fayli bo'lgani uchun uni oddiy matn muharririda tayyorlash mumkin, masalan, Notepad ( Bloknot), lekin bu juda ko'p mehnat talab qiladi. Ko'pincha ular HTML hujjatlarini tayyorlash uchun mo'ljallangan maxsus muharrirlardan foydalanadilar, ular sizga asboblar paneli tugmalari yoki menyu buyruqlari yordamida teglar kiritish va dialog oynalarida teg atributlarini o'rnatish imkonini beradi, masalan, Macromedia Dreamweaver, Microsoft FrontPage, HomeSite va boshqalar.
HTML hujjatni HTML formatiga o'tkazish yo'li bilan olish mumkin, masalan, Microsoft Office hujjat formatidan. Shuni ta'kidlash kerakki, bunday o'zgartirish bilan HTML hujjatning dastlabki matni nihoyatda ortiqcha bo'lib chiqadi va tuzatishni talab qiladi.Maxsus HTML muharrirlaridan foydalanish ancha samaraliroq.
HTML teg sintaksisiHTML tegi burchakli qavslar (belgilar) ichida yoziladi va nomdan iborat bo‘lib, undan keyin atributlar ro‘yxati kelishi mumkin (ko‘pchilik teglar uchun ixtiyoriy). Ismlar va atributlar inglizcha so'zlar va qisqartmalardir.
Teglarni ikki guruhga bo'lish mumkin:
Juftlangan teglar (shuningdek deyiladi konteynerlar) ikkita komponentga ega: ochilish (boshlang'ich) va yopish (yakuniy); yopuvchi komponent bir xil nomga ega, lekin yozilsa, nom oldidan qiyshiq chiziq (belgi / ) qo'yiladi. Hujjat matni va boshqa teglar ochilish va yopish komponentlari orasiga joylashishi mumkin. Konteyner tegining ochilish va yopish elementlari orasida joylashgan hujjat fragmenti brauzer tomonidan tegning ma'nosiga ko'ra formatlanadi.Masalan, teglar orasida joylashgan matn qalin bo'lib ko'rsatiladi (teg nomi ingliz tilidan olingan) qalin). Juftlangan teglar bir-biriga joylashtirilishi mumkin, lekin bir-birining ustiga chiqmasligi kerak.
Ulanmagan teglar (shuningdek, deb ataladi avtonom) yakuniy komponentga ega emas.Ular izohlanganda u yoki bu obyekt ko‘rsatilgan hujjatga kiritiladi. Masalan, teg , HTML hujjati matnida uchraydi, pict.gif faylidagi grafik tasvirni kiritilishiga olib keladi.
Ro'yxatdagi atributlar bir-biridan bir yoki bir nechta bo'shliqlar yoki yorliq belgilari yoki yangi qator belgilari bilan ajratilgan; atributlarning yozilish tartibi muhim emas. Atributlarning aksariyati juftlik sifatida ishlatiladi atribut nomi = atribut qiymati. Atribut qiymati bir nechta so'z yoki bitta raqam bo'lsa, u bitta yoki ikkita tirnoq ichiga olinishi kerak. Teglarning yopish komponentlarida atributlar ko'rsatilmagan.
Mana atributlarga ega tegga misol:
|
Teg nomi Atribut nomi |
|
Atribut qiymati |
|
Atribut nomi |
|
Atribut qiymati |
Salom !
HTML hujjatida bunday tegga duch kelgan brauzer uni izohlaydi, tegdan keyingi matnni asosiy o'lchamga (SIZE=+2) va qizil rangga (COLOR=RED) nisbatan kattalashtirilgan belgilarda ko'rsatadi; bu matn formatlash yopish tegiga duch kelmaguncha qo'llaniladi.
Teg va atribut yozuvlaridagi belgilarning holati muhim emas.
HTML hujjat tuzilishiHTML hujjati va teglari ichida joylashgan.Ushbu teglar orasida ikkita bo'lim mavjud: sarlavha bo'limi (va teglar o'rtasida) va hujjatning asosiy qismi (va teglar orasida) Sarlavha bo'limida parametrlar tavsifi mavjud. hujjatni ko'rsatishda ishlatiladi, lekin to'g'ridan-to'g'ri brauzer oynasida aks ettirilmaydi .Hujjatning asosiy qismida brauzer tomonidan ko'rsatish uchun mo'ljallangan asosiy matn, formatlash teglari, rasmlar, jadvallar, giperhavolalar va boshqalarni joylashtirish mavjud.
Internetda joylashtirish uchun mos bo'lgan eng oddiy hujjatning HTML kodi quyidagicha ko'rinadi:
< TITLE >Bizning birinchi sahifamizTITLE >
Eng oddiy HTML hujjati
Ushbu kodni Notepad matn muharririga kiritish va kengaytmali fayl sifatida saqlash mumkin. htm yoki. html - bu holda hujjat kompyuteringizda o'rnatilgan standart brauzerda ochiladi. Brauzer ushbu hujjatni o'z oynasida hujjatning asosiy qismida joylashgan "Eng oddiy HTML hujjati" qatorini ko'rsatish orqali ko'rsatadi. Brauzerning sarlavha satrida "Bizning birinchi sahifamiz" iborasi paydo bo'ladi.
BOSH bo‘limiSarlavha bo'limi odatda foydalanuvchiga ko'rinmaydigan teglarni o'z ichiga oladi, ammo shunga qaramay hujjatning ko'rinishiga faol ta'sir qilishi mumkin.
|
teg |
Maqsad |
|
Butun hujjat nomini belgilaydi. Ism odatda brauzer oynasining sarlavha satrida ko'rsatiladi. Ushbu element har qanday HTML hujjati uchun talab qilinadi va bir martadan ko'p bo'lmasligi mumkin. |
|
|
Joriy hujjatning asosiy manzilini (URL) belgilaydi, bu hujjat ichidagi nisbiy URL manzillarini hisoblash uchun boshlang'ich nuqta bo'ladi. Elementda yakuniy teg yo'q. Argumentlardan kamida bittasi mavjud bo'lishi kerak: HREF - joriy hujjatning asosiy manzilini (URL) belgilaydi. TARGET - sukut bo'yicha giperhavolalarda ishlatiladigan ramka nomini belgilaydi. Hujjatdagi barcha havolalarni boshqa ramkada ochmoqchi bo'lsangiz, bu foydali bo'lishi mumkin. |
|
|
< STYLE TYPE= "text /css " > |
Hujjatga kaskadli uslublar jadvallarini (CSS - Cascade Style Sheet) kiritish uchun foydalaniladi. TYPE talab qilinadigan atribut boʻlib, uning qiymati odatda “matn/css” boʻladi. |
|
< МЕТА …> |
META elementi hujjatni texnik tavsiflash uchun ishlatiladi. Ushbu element yordamida hujjat sarlavhasiga qo'shimcha foydali ma'lumotlar kiritiladi, foydalanuvchiga ko'rinmas, lekin ba'zida qidiruv serveri robotlari tomonidan sahifangizni to'g'ri indekslash uchun almashtirib bo'lmaydi. Elementda yakuniy teg yo'q. NAME - meta post nomini belgilaydi. Oldindan belgilangan ko'plab nomlar mavjud, ulardan ba'zilarini quyidagi misolda ko'rishingiz mumkin. CONTENT - NAME parametrida belgilangan meta yozuvga qiymat beradi. |
Ushbu bo'lim veb-sahifaning asosiy mazmunini o'z ichiga oladi - hujjat matni, rasmlar, jadvallar va boshqalar. BODY elementi hujjatda bir martadan ko'p bo'lmasligi kerak va quyidagi atributlarni o'z ichiga olishi mumkin:
|
Atribut sintaksisi |
Maqsad |
|
MARGINHEIGHT = raqam |
Hujjatning yuqori va pastki chetlarining kengligini (piksellarda) belgilaydi. Faqat Netscape brauzerlarida ishlaydi |
|
TOPMARGIN= raqam |
Hujjatning yuqori va pastki chetlarining kengligini (piksellarda) belgilaydi. Faqat Internet Explorer brauzerlarida ishlaydi |
|
MARGINWIDTH= raqam |
Hujjatning chap va o'ng chekkalarining kengligini (piksellarda) belgilaydi. Faqat Netscape brauzerlarida ishlaydi |
|
CHAP MARGIN= raqam |
Hujjatning chap va o'ng chekkalarining kengligini (piksellarda) belgilaydi. Faqat Internet Explorer brauzerlarida ishlaydi |
|
FORMAT = URL |
Fonni "to'ldirish" uchun tasvirni belgilaydi (fon tasviri). Qiymat rasmning mutlaq yoki nisbiy manzilida ko'rsatilgan (rasmlarni joylashtirish bo'limiga qarang) |
|
BGCOLOR= rang |
Hujjatning fon rangini belgilaydi. MicrosoftInternetExplorer 16 ta standart rang nomlarini qo'llab-quvvatlaydi (akva, qora, ko'k, fuşya, kulrang, yashil, ohak, to'q qizil, ko'k, zaytun, binafsha, qizil, kumush, ko'k, sariq, oq) Yana bir usul - qizil (birinchi ikki raqam), yashil (keyingi ikki raqam) va ko'k (oxirgi ikki raqam) komponentlarining intensivligini belgilaydigan olti xonali o'n oltilik raqam shaklida rang kodini ishlatishdir. O'n oltilik shakldagi har bir komponentning intensivligi 00 dan FF gacha. Teg uchun atribut qiymati sifatida rangni belgilashda o'n oltilik raqam oldiga # belgi qo'yiladi. Masalan, COLOR ="#0000 FF" yozuvi ko'k rangni bildiradi Millionlab ranglarni belgilashning fundamental imkoniyatlariga qaramay, shuni hisobga olish kerakki, brauzerlar faqat 256 rangni aks ettiradi va har bir brauzer o'zining ranglar palitrasiga ega.Ushbu palitrada brauzer belgilangan rangga eng yaqin rangni tanlaydi. |
|
TEXT= rang |
Hujjatdagi matn rangini belgilaydi |
|
LINK= rang |
Hujjatdagi giperhavolalar rangini belgilaydi |
|
ALINK= rang |
Bosilganda giperhavolalarning ta'kidlash rangini belgilaydi. |
|
VLINK |
Ko'rilgan hujjatlarga giperhavolalar rangini belgilaydi |
Belgilarni formatlashning barcha teglari ochilish va yopish komponentiga ega va ular o'rtasida joylashgan matnga ta'sir qiladi.
Asosiy teg ... FONT> boʻlib, u shriftning oʻlchamini, rangini va shriftini oʻzgartiruvchi bir yoki bir nechta atributlar bilan ishlatilishi kerak:
|
Atribut sintaksisi |
Maqsad |
|
SIZE = ma'nosi |
Hajmi mutlaq qiymat sifatida (1 dan 7 gacha raqam) yoki asosiy shrift o'lchamiga (+n yoki -n shaklida) nisbatan belgilanadi. |
|
COLOR= rang |
Rang |
|
YUZ = shriftlar ro'yxati |
Matnni ko'rsatish uchun shriftlar; ismlar afzallik tartibida vergul bilan ajratilgan, masalan, FACE="Verdana, Helvetica, Arial, Sans-Serif" Siz shriftlardan birini ham belgilashingiz mumkin, lekin shuni yodda tutingki, bu shrift foydalanuvchining kompyuteriga o'rnatilmasligi mumkin va "ekzotik" shriftlar brauzer tomonidan ko'rsatilmaydi. |
Bundan tashqari, teglar belgilar uslubini o'zgartirish uchun ishlatiladi:
. .. (ingliz tilidan qalin) − qalin shrift;
.. . (inglizcha kursivdan) - kursiv;
... (ingliz tilidan TeleType dan) – monospace shrifti;
... (ingliz tilidan tagiga chizilgan) - tagiga chizilgan;
... S > (ingliz tilidan s uchburchak) - chizilgan;
... (ingliz tilidan s ub skript) – subscript;
... (ingliz tilidan sup yozuv) ustun belgisidir.
Teglar orasiga kiritilgan matn
va (ingliz tilidan oldingi formatlangan), oldindan formatlanganidek, barcha boʻshliqlar va qator tanaffuslari bilan koʻrsatiladi.
Paragraflarni formatlashMatn brauzer oynasida so'zma-so'z ko'rsatiladi, oynaning o'ng chegarasiga yetganda, keyingi so'z avtomatik ravishda yangi qatorga o'tkaziladi. Sahifa kodida bir nechta bo'shliqlar kiritilgan bo'lsa yoki matn yangi satrda yozilgan bo'lsa ham, brauzerda ko'rilganda bu harakatlar ko'rsatilmaydi. Shuning uchun, matnda bir qator ketma-ket bo'shliqlar yoki bir nechta bo'sh qatorlarni ko'rsatish uchun siz turli teglardan foydalanishingiz kerak.
teg
(ingliz tilidan b reaktsiya)matn oqimini buzadi va yangi paragraf yaratmasdan yangi satr kiritadi.Bir nechta ketma-ket teglar
bir nechta bo'sh satrlar sifatida talqin qilinadi.Satr oralig'i bitta.Tegda yopilish komponenti va atributlari yo'q.
Teg (ingliz tilidan s aragraf)paragrafni boshlaydi;yangi abzats oldingisidan ikki qator oralig'i bilan ajratiladi.Abzat bo'sh bo'lishi mumkin emas, ya'ni bir nechta ketma-ket teglar
bitta deb talqin qilinadi (tegdan farqli o'laroq
).Yopuvchi komponent
ixtiyoriy, chunki oldingi paragraf yangisi boshlangan joyda tugaydi. Tegda paragrafning hizalanish turini ko‘rsatuvchi ixtiyoriy ALIGN atributi mavjud bo‘lib, u chapga mos ravishda tekislashni ko‘rsatuvchi LEFT, CENTER, RIGHT va JUSTIFY qiymatlarini qabul qilishi mumkin, markaz, o'ng va kenglik. Teglar ichiga olingan matn ham markazlashtiriladi.
...Agar yopish komponenti bo'lsa
tashlab qo'ysangiz, ko'rsatilgan tekislash turi hizalanishni belgilaydigan keyingi teggacha yoki hujjatning oxirigacha saqlanadi.
HTML sizga raqamlangan yoki markirovka qilingan ro'yxatlar sifatida formatlangan paragraflarni yaratishga imkon beradi. Ro'yxat bo'lgan matn parchasi teglar ichiga kiritilgan:
tartiblangan (raqamlangan) roʻyxat (ingliz tilidan o buyurdi l ist)
tartibsiz (markali) roʻyxat (ingliz tilidan u buyurdi l ist)
Tartiblangan yoki tartiblanmagan ro'yxatning har bir elementi teglar bilan biriktirilgan ... (ingliz tilidan l ist i tem). Matnni ko'rsatishda har bir ro'yxat elementi raqam yoki marker bilan ko'rsatilgan yangi qatorga joylashtiriladi. Bundan tashqari, ro'yxat teg bilan ko'rsatilgan sarlavhaga ega bo'lishi mumkin (ingliz tilidan l ist h tinglovchi). Yopish teglari shart emas.
|
Raqamlangan ro'yxat |
Belgilangan roʻyxat |
|
|
Kod elementi |
< O L> Sarlavha Birinchi element Ikkinchi element Uchinchi element |
< U L> Sarlavha Birinchi element Ikkinchi element Uchinchi element U L> |
|
Brauzer ekrani |
Sarlavha 1. Birinchi element 2. Ikkinchi element 3. Uchinchi element |
Sarlavha · Birinchi element Ikkinchi element · Uchinchi element |
Ko'p darajali ro'yxat raqamlangan va markirovka qilingan ro'yxatlarning kombinatsiyasi orqali tashkil etilishi mumkin.
Teg ixtiyoriy atributlarga ega:
|
Atribut sintaksisi |
Maqsad |
|
|
TYPE = format |
Raqamlash formati quyidagi qiymatlarga ega bo'lishi mumkin: |
|
|
Arab raqamlari (standart) |
||
|
Bosh harflar |
||
|
kichik harf |
||
|
katta rim raqamlari |
||
|
kichik rim raqamlari |
||
|
START = qiymat |
ro'yxatdagi birinchi raqam (standart 1) |
|
Teg ixtiyoriy atributga ega
|
Atribut sintaksisi |
Maqsad |
|
|
TYPE = format |
Token formati quyidagi qiymatlarga ega bo'lishi mumkin: |
|
|
Disk |
disk (standart) |
|
|
Doira |
doira |
|
|
Kvadrat |
Kvadrat |
|
Paragraflarni sath sarlavhalari sifatida formatlash ham mumkin (n = 1 dan n = 6 gacha), buning uchun ... n> shaklidagi teglardan foydalaniladi. Birinchi darajali sarlavha eng katta shriftda ko'rsatiladi.
Teglar
, ... ,
LEFT, RIGHT va CENTER qiymatlari bilan ALIGN hizalanish atributiga ega bo'lishi mumkin.
Chizmalarni joylashtirishVeb-sahifani ko'rishda brauzer tomonidan ko'rsatiladigan rasmlar gif, jpg (jpeg) yoki png formatidagi alohida fayllarda saqlanadi va sahifa kodida kerakli faylga havola qilinadi. Buning uchun bitta majburiy va bir qator ixtiyoriy atributlarga ega bo'lgan juftlashtirilmagan teg ishlatiladi.
|
Kerakli atribut: |
|
|
SRC = url |
Grafik fayl manzili (nisbiy yoki mutlaq) |
|
ALT= matn |
Tasvirlarni yuklamasdan brauzer rejimida ko'rsatiladigan muqobil matn (tirnoq ichiga olinishi kerak) |
|
BORDER = ma'nosi |
Pikseldagi chegara qalinligi, 0 chegara yo'q degan ma'noni anglatadi (standart) |
|
BORDERCOLOR = rang |
Chegara rangini o'rnatadi |
|
BOYILIK = ma'nosi |
Rasm balandligi piksellardagi (sukut bo'yicha asl nusxasi) yoki brauzer oynasi balandligining foizi sifatida |
|
WIDTH = ma'nosi |
Rasm kengligi piksellarda (sukut bo'yicha asl) yoki brauzer oynasi kengligidan foiz sifatida |
|
HSPACE = ma'nosi |
Tasvirning chap va o'ng tomonida piksellardagi bo'sh joy |
|
VSPACE = ma'nosi |
Rasm ustidagi va ostidagi bo'sh joy piksellarda |
|
ALIGN = ma'nosi |
Tasvirni gorizontal ravishda tekislaydi. Agar LEFT yoki RIGHT o'rnatilgan bo'lsa, rasm mos ravishda gorizontal ravishda tekislanadi, bu qiymatlarni o'rnatish matnning tasvirni o'rashiga olib keladi. |
Faylni adreslashning mutlaq va nisbiy usullarini batafsil ko'rib chiqamiz.
Mutlaq shaklda murojaat qilish boshqa serverlarda joylashgan resurslarga murojaat qilganda foydalaniladi. Axborot resursining joylashuvini aniqlaydigan universal manzil URL (Uniform Resource Locator) deb ataladi. URL ikki nuqta bilan ajratilgan ikki qismdan iborat. Birinchi qism tarmoq protokolining turini ko'rsatadi, bu resurs turiga bog'liq. Misol uchun, agar resurs WWW serverida joylashgan bo'lsa, bu protokol http.Ikkinchi qism domen nomlari tizimidagi kompyuter (server) nomini va (agar kerak bo'lsa) faylning yo'l nomini o'z ichiga oladi. Yo'l nomini yozishda katalog nomlari fayl va katalog nomlarida qiyshiq chiziq (/ belgisi) bilan ajratiladi. katta va kichik harflarni farqlash, bo'sh joylarga ruxsat berilmaydi. Mana, URL manzillariga misollar:
http://www. vshu. kirov .ru/ sayt / tasvirlar / rasm 1. jpg
http://195.21.123.13:8110
ftp://everything.com/soft/prog.zip
mailto:Ushbu elektron pochta manzili spam-botlardan himoyalangan. Uni ko'rish uchun JavaScript yoqilgan bo'lishi kerak.
Protokolga ishora qiluvchi oxirgi URL mailto va elektron pochta manzili hech qanday axborot resursiga havola qilmaydi; Bu ikki nuqtadan keyin ikkita qiyshiq chiziqni o'z ichiga olmaydigan yagona URL turidir.
Rasmlarni mutlaq shaklda joylashtirish veb-sayt yaratishda deyarli qo'llanilmaydi.
Nisbiy shaklda murojaat qilish bir xil serverda joylashgan resurslarga murojaat qilganda foydalaniladi. Faylga yo'lni yozishda kataloglarning nomlari to'g'ridan-to'g'ri chiziq (belgi /) bilan ajratiladi, fayl tizimining kataloglari bo'ylab bir daraja yuqoriga ko'tarilishi ikkita nuqta (belgilar ..) bilan belgilanadi. Buni aniqroq qilish uchun, masalan, HTML fayllarni o'z ichiga olgan quyidagi katalog tuzilishiga ega kompyuterni tasavvur qiling:
SHAPE\* BIRGA FORMAT
|
MySite |
|
Sahifalar |
|
Tasvirlar |
|
Page1.htm Page2.htm Pict1.jpg Pict2.jpg |
|
Index.htm Picture.jpg |
Bunday holda, masalan, IMG tegini yozishning quyidagi variantlari mumkin:
ü < IMG SRC = Picture . jpg >(Rasm . jpg tasvir Index . htm sahifasida joylashgan)
ü < IMG SRC = Images / Pict 1. jpg >(1-rasm. jpg Index sahifasida joylashgan. htm)
ü < IMG SRC =../ Picture . jpg >(Rasm . jpg tasvir 1-sahifada joylashgan. htm )
ü < IMG SRC =../ Images / Pict 1. jpg >(Rasm 1. jpg 1-sahifada joylashgan. htm)
Rasmiy ravishda faqat SRC atributi talab qilinishiga qaramay, amalda muqobil matnni (ALT atributini) ko'rsatish ham kerak, chunki ko'pchilik brauzer bilan tasvirlarni yuklamasdan rejimda ishlaydi.
Chizma ko'rsatiladigan maydonning balandligi va kengligi piksellardagi kenglik va balandlik atributlari yordamida yoki ekran o'lchamiga nisbatan foiz sifatida belgilanadi. Ushbu atributlardan biri ko'rsatilganda, chizma balandligi yoki kengligi belgilanganiga mos keladigan tarzda o'lchaydi. Ikkinchi o'lcham avtomatik ravishda, tegishli nisbatda o'rnatiladi. Atributlardan faqat bittasini qo'llash chizmaning ikkala o'lchamini ham o'zgartiradi.
Agar siz ikkala atributni aniq belgilab qo'ysangiz, tasvir belgilangan o'lchamlarga muvofiq ikkita o'q bo'ylab masshtablanadi. Balandlik va kenglik atributlari tasvirning yuklanish vaqtini o'zgartirmaydi, faqat uning ekrandagi ko'rinishini (o'lchamini) o'zgartiradi.
Giperhavola - bu sichqoncha bilan bosilganda yangi hujjat yoki hujjat fragmentiga olib keladigan ob'ekt (matn, rasm, rasm fragmenti). Bu Internetda joylashtirilgan har qanday hujjatlar o'rtasida o'tishni tashkil qilish imkonini beruvchi giperhavolalardir.
Matnli giperhavolalarHTML hujjatlari va hujjat fragmentlari o'rtasidagi aloqa teg yordamida tashkil etiladi ...(ingliz tilidan a langar - langar).
Teg boshqa hujjatga havola yaratish uchun ham, hujjatning bir qismiga havola qilish uchun ham ishlatiladi.
|
Kerakli atribut: |
|
|
HREF = url |
Maqsadli hujjatning manzili (mutlaq va nisbiy shaklda taqdim etilishi mumkin) |
|
Asosiy ixtiyoriy atributlar: |
|
|
NAME=" Ism" |
Orasini belgilaydi< A >va A > hujjat fragmenti mumkin boʻlgan havola obyekti sifatida. Qiymat sifatida siz ushbu hujjat uchun noyob bo'lgan har qanday indeks so'zini lotin tilida yozishingiz kerak. Masalan, Section1 yorlig'i 1-bo'limga o'tish uchun yorliq (xatcho'p) yaratadi. Bunday holda, hujjat nomidan keyin uning nomini ko'rsatish orqali (oldindan # belgisi) belgilangan maydonga murojaat qilishingiz mumkin. Shunday qilib,<
A
HREF
="
Index
.
html
#
part
1">1-qismga A > sizni Indeks faylining "1-qism" bo'limiga olib boradi. html va |
|
TARGET = " ism" |
Maqsadli hujjatni ko'rsatish uchun ramka (ramka) yoki oynaning nomi. Bu atribut faqat HREF parametri bilan birgalikda ishlatiladi. Qiymat mavjud freymlardan birining nomi yoki quyidagi zahiradagi nomlardan biri bo'lishi kerak: _self - HREF parametrida ko'rsatilgan hujjat joriy kadrda ko'rsatilishi kerakligini ko'rsatadi; _blank - hujjatning yangi oynada ko'rsatilishi kerakligini bildiradi |
|
TITLE= " matn!}" |
Sichqonchani giperhavola ustiga olib borganingizda asboblar maslahatini ko'rsatadi |
Teglar orasiga joylashtirilgan matn va tasvirlar hujjatning faol maydoniga aylanadi, maqsadli hujjat yuklanishiga olib keladigan sichqonchani bosishga sezgir. Giperhavola matni tagiga chizilgan va tegning LINK, A LINK, V LINK atributlari (yoki standart rang) qiymati sifatida belgilangan ranglar bilan ajratiladi.
Giperhavolalar-rasmlarButun tasvirni giperhavola qilish uchun tegdan ham foydalanishingiz mumkin ...., faqat matn o'rniga (yoki matn bilan birga) orasidagi< A >va A > tegi joylashgan< IMG …>barcha tegishli atributlar bilan.
Masalan , .
Giperhavola xaritasiTeg matn parchasini yoki butun tasvirni faol zonaga aylantirish imkonini beradi; Bitta rasmning turli qismlari turli maqsadli hujjatlarga ulanishi uchun siz xarita tasvirini amalga oshiradigan tegdan foydalanishingiz kerak bo'ladi.
Konteyner yorlig'i uchun yagona talab qilinadigan atribut NAME bo'lib, uning qiymati nom bo'ladi (masalan, NAME=" mymap " , u IMG tegining USEMAP atributini tavsiflashda ishlatilishi kerak bo'lgan tasvirni tasvirlaydi. xarita (# - USEMAP="#mening xaritam" bilan)
Konteyner ichida tasvirning sichqonchaga sezgir bo'lgan har bir maydoni quyidagi atributlarga ega tegga ega bo'lishi kerak:
|
Atribut sintaksisi |
Maqsad |
|
KOORDLAR= ro'yxati |
Faol zona koordinatalarining vergul bilan ajratilgan ro'yxati (berilgan zona shaklining turiga qarab) |
|
HREF = url |
|
|
SHAPE = shakl |
Yadro shaklini belgilaydi. Ushbu atribut uchun mumkin bo'lgan qiymatlar: doira(doira - markazning koordinatalari va piksellardagi radius bilan belgilanadi); rect(to'rtburchak - yuqori chap va pastki o'ng burchaklarning koordinatalari bilan belgilanadi); poli(ko'pburchak - uning uchlari koordinatalari bilan belgilanadi) Barcha hollarda koordinatalar tasvirning yuqori chap burchagidan piksellarda o'lchanadi, X o'qi o'ngga, Y o'qi esa pastga yo'naltiriladi. |
|
NOREF |
ba'zan berilgan zona (SHAKL atributi va COORDS koordinatalari bilan ko'rsatilgan) faol emasligini ko'rsatish kerak, sichqonchani bosishga hech qanday reaktsiya yo'q. |
HTML hujjatlaridagi jadvallar ma'lumotlarni ramkali kataklarga joylashtirish uchun emas, balki matn va tasvir qismlarini bir-biriga nisbatan joylashtirish uchun ishlatiladi.
HTML-dagi jadvallar qator-qator quriladi. Barcha jadval ma'lumotlari teglar ichiga kiritilgan
; har bir katak (qator) qatorining tavsifi teglarda mavjud ...; har bir katakning mazmuni teglarda ... (oddiy katakchalar) yoki ... H> (sarlavhalar) mavjud.
Shunday qilib, masalan, har birida ikkita hujayradan iborat ikkita qatorli jadvalni tasvirlash uchun siz quyidagi konstruktsiyani yaratishingiz kerak bo'ladi:
Jadval xujayralari matn, rasmlar, ichki jadvallar va boshqalarni o'z ichiga olishi mumkin. Jadval katakchalarini bo'sh qoldirmaslik kerak; agar biron bir hujayra bo'sh ko'rinishi kerak bo'lsa, unda buzilmaydigan bo'sh joy qo'ying.
Jadval yacheykalariga joylashtirilgan matn sukut bo'yicha brauzer tomonidan avtomatik ravishda joylashtiriladi; matn so'zma-so'z ko'rsatiladi; Hujayraning o'ng chegarasiga yetganda, keyingi so'z yangi qatorga o'tkaziladi.
Jadval kataklari bir nechta satr yoki ustunlarni qamrab olishi mumkin; bunday kataklarni tavsiflashda ROWSPAN (tegi ushbu atributni o'z ichiga olgan katak belgilangan qatorlar soniga "cho'zilgan") va COLSPAN (yacheyka bir nechta ustunlarga "cho'zilgan") atributlari hisoblanadi. ishlatilgan. Birlashtirilgan hujayralar bilan jadvalni tashkil qilish misoli:
< TR >
< TD ROWSPAN=2>1-1 TD >
Jadvallarni tavsiflovchi teglar bir qator ixtiyoriy atributlarga ega.
Teg atributlari jadval parametrlarini bir butun sifatida belgilaydi:
|
Atribut sintaksisi |
Maqsad |
|||
|
ALIGN = qiymat |
Matn oqimiga nisbatan tekislash; mumkin bo'lgan qiymatlar chap, o'ng va markazdir |
|||
|
FORMAT = url |
Butun jadval uchun fon rasmi |
|||
|
BGCOLOR= rang |
Fon rangi |
|||
|
BORDERCOLOR = rang |
Chegara rangi |
|||
|
BORDERCOLORDARK = rang |
Asosiy freymning o‘ng va pastki chetlarini hamda har bir katakchaning chap va yuqori qirralarini belgilangan rang bilan ranglaydi |
|||
|
BORDERCOLORLIGHT = rang |
Asosiy ramkaning chap va yuqori qirralarini va shunga mos ravishda har bir katakning o'ng va pastki qirralarini belgilangan rangda ranglaydi |
|||
|
YUVCHILIK = qiymat |
Hujayra chegaralaridan uning tarkibigacha bo'lgan masofa piksellardagi |
|||
|
CELLSPACING = qiymat |
Pikseldagi hujayralar orasidagi masofa |
|||
|
HSPACE = ma'nosi |
Jadvalning chap va o'ng tomonida piksellardagi bo'sh joy |
|||
|
VSPACE = ma'nosi |
Jadval ustidagi va ostidagi bo'sh joy piksellarda |
|||
|
WIDTH = ma'nosi |
Jadval kengligi (pikselda yoki joriy brauzer oynasi kengligidan foiz sifatida o'rnatiladi) |
|||
Teg atributlari berilgan seriyaning parametrlarini belgilaydi (agar qarama-qarshiliklar yuzaga kelsa, tegda ko'rsatilgan atributlar bekor qilinadi). Hujayra tarkibini tekislash; mumkin bo'lgan qiymatlar chap, o'ng va markaz
FORMAT = url
Berilgan jadval qatori kataklari uchun fon rasmi
BGCOLOR= rang
Bu qatordagi hujayralar uchun fon rangi
BORDER = ma'nosi
Bu qatorning katakchalarini oʻrab turgan chegara qalinligi; BORDER=0 koʻrinmas chegarani bildiradi.
VALIGN = ma'nosi
Hujayra tarkibini vertikal tekislash; mumkin bo'lgan qiymatlar yuqori, markaz va pastki
Teg atributlari berilgan katakning parametrlarini belgilaydi (agar nomuvofiqliklar yuzaga kelsa, unda ko'rsatilgan atributlar va teglar bekor qilinadi).
|
Atribut sintaksisi |
Maqsad |
|
ALIGN = ma'nosi |
Hujayra tarkibini tekislang; mumkin bo'lgan qiymatlar chap, o'ng va markazdir |
|
FORMAT = ur l |
Jadval katakchasi uchun fon rasmi |
|
BGCOLOR= rang |
Hujayra uchun fon rangi |
|
BORDER = ma'nosi |
Hujayrani o'rab turgan ramkaning qalinligi |
|
VALIGN = ma'nosi |
Hujayra tarkibini vertikal tekislash; mumkin bo'lgan qiymatlar yuqori, markaz va pastki |
|
WIDTH = ma'nosi |
Hujayra kengligi piksellarda yoki jadval kengligining foizida |
|
ROWSPAN= ma'nosi |
Hujayra bilan qoplangan qatorlar sonini ko'rsatadi |
|
COLSPAN = ma'nosi |
Hujayra bilan qoplangan ustunlar sonini belgilaydi |
Jadvallar bilan ishlashda, WIDTH atributi uchun belgilangan qiymat ko'p hollarda faqat brauzer tomonidan "qayd etilgan"ligini yodda tuting. Berilgan nisbatlar kamdan-kam hollarda aniq saqlanadi, brauzer jadvalni iloji boricha yaxshiroq ko'rsatishga harakat qiladi (uni tushunishda).
TikerVeb-sahifada tickerdan foydalanish uni yanada dinamik qiladi va ob'ektning harakatlanishi effektini yaratishga imkon beradi. Teg yordamida ticker yaratish< MARQUEE >... MARQUEE >.
Orasida< MARQUEE >va MARQUEE > matn parchalari va rasmlarni joylashtirish mumkin. Matn tegishli teglar yordamida formatlanishi mumkin va grafiklar yordamida kiritiladi.
|
Atribut sintaksisi |
Maqsad |
|
BGCOLOR= rang |
Fon rangi. Agar fon ko'rsatilgan bo'lsa, brauzer matn yoki rasm harakatlanadigan ekranda rangli chiziq chizadi. |
|
BOYILIK = ma'nosi |
Fon satrining balandligi. Qiymat piksellarda yoki brauzer oynasi balandligining foizi sifatida ko'rsatilgan. Masalan, agar siz HEIGHT=25% atributini belgilasangiz, belgi paneli oyna balandligining chorak qismini egallaydi. |
|
WIDTH = ma'nosi |
Piksel yoki brauzer oynasi kengligidan foiz sifatida ko'rsatilgan belgi panelining kengligi |
|
DIRECTION= ma'nosi |
Chiziq harakatining yo'nalishi: chap - chap (standart), o'ng - o'ng, yuqoriga - yuqoriga, pastga - pastga |
|
XULQ = ma'nosi |
Atribut tickerning harakatini boshqaradi: aylantirish (standart) - oynaning chetiga yetib, chiziq ko'rinmaydi va keyin qarama-qarshi tomonda paydo bo'ladi; slayd - oynaning chetidan chiziq paydo bo'ladi, qarama-qarshi tomonga etib boradi va to'xtaydi; muqobil - chiziq o'ngga yoki chapga siljiydi, derazaning chetidan "aks ettiradi" va harakat yo'nalishini o'zgartiradi |
|
HSPACE = piksel ofset |
Tiker satrini gorizontal ravishda o'ngga siljiting |
|
VSPACE = Siz ko ta piksellarda |
Ipning ustida va ostida bo'sh joy yaratish |
|
LOOP = ma'nosi |
Ekran bo'ylab chiziqli o'tishlar soni |
|
SCROOLAMOUNT = ma'nosi |
Chiziq har bir qadamni bosib o'tadigan piksellar soni. Standart rejim taxminan 10 px/qadam. Bu atribut chiziq harakati tezligini sozlash imkonini beradi |
|
SCROLLDELAY = ma'nosi |
Qadamlar orasidagi vaqt oralig'ini (millisekundlarda) belgilaydi, bu atributdan foydalanib, siz chiziqni silkinib harakat qilishingiz mumkin |
|
HAQIQIY |
Ushbu bayroq (qiymatsiz atribut) o'rnatilganda, belgilangan SCROLLDELAY qiymati ishlatiladi. Agar bayroq o'rnatilmagan bo'lsa, qiymat SCROLLDELAY bo'ladi |