Html p atributlari. Teglar - ular nima va ular nima. Nima uchun h1-h6 teglari kerak?

teg

teg

sahifani paragraflarga ajratish uchun ishlatiladi. U faqat matn va inline teglarni o'z ichiga olishi mumkin (satr darajasidagi teglar). Shu bilan birga, tegning o'zi

U blokga asoslangan, ya'ni o'zidan oldin va keyin qator uzilishi hosil qiladi. Bunga qo'shimcha ravishda, u yon tomonlardan yuqorida va pastda bo'sh joy chegaralarini o'rnatadi, buning natijasida sahifa vizual ravishda paragraflarga bo'linadi. Teg maydoni hajmi

Brauzer turiga bog'liq, lekin u joriy sahifadagi matnning bir satrining balandligiga taxminan teng.

Yopish belgisi

ixtiyoriy. Agar u etishmayotgan bo'lsa, u holda paragrafning oxiri sahifaning HTML kodida quyida joylashgan birinchi chiziqli bo'lmagan teg hisoblanadi.

Atributlar

Shaxsiy xususiyatlar:

  • align - paragraf tarkibining gorizontal tekislanishini o'rnatadi.
  • kirish tugmasi - HTML elementiga e'tibor qaratish uchun yorliq tugmachasini o'rnatadi.
  • sinf - CSS (Cascading Style Sheets) da qo'llaniladigan teg sinfi yoki sinflar nomini belgilaydi.
  • dir - element ichidagi matnning yo'nalishini ko'rsatadi.
  • - “langar” sifatida yoki uslublar jadvallarida ishlatilishi mumkin bo'lgan HTML teg identifikatorining nomini belgilaydi.
  • lang - HTML elementi ichidagi matn qaysi tilda yozilganligini bildiradi.
  • uslub - tegga inline CSS uslublarini qo'llash uchun talab qilinadi.
  • tabindex - elementlar orasidagi yorliq tartibini o'rnatadi (Tab tugmasi).
  • sarlavha - sichqonchani HTML elementi ustiga olib borganingizda asboblar maslahatini ko'rsatadi.

Teg turi

Maqsad: matn (bloklar).

Teg modeli: blok (blok, blok darajasi).

O'z ichiga olishi mumkin: inline teglar, oddiy matn va HTML maxsus belgilar(mnemonika).

Ochilish yorlig'i: zarur. Yakunlovchi teg: shart emas.

Sintaksis

mazmuni

HTML misoli: P tegidan foydalanish

seodon.ru - P tegidan foydalanish

Ajam veb-sayt yaratuvchilarning xatolaridan biri bu sahifadagi matn ma'lumotlarining fonida bir xil bo'lmagan tasvirlar yoki yorqin ranglardan foydalanishdir. Bu nafaqat o'qishni qiyinlashtiradi, balki foydalanuvchilarning ko'rish qobiliyatiga yomon ta'sir qiladi, ularni har bir chiziqqa diqqat bilan qarashga va keraksiz ko'zlarini zo'riqishga majbur qiladi.

Yana bir xato - bu "hamma joyda" teskari ranglardan foydalanish, agar matn rangi fondan vizual ravishda engilroq bo'lsa, masalan, qora fon - oq matn. Ushbu uslub juda qo'llaniladi, lekin faqat haqiqatan ham mos bo'lgan joyda.



HTML versiyasini qo'llab-quvvatlash

Versiya:HTML 4.01HTML 5XHTML 1.0XHTML 1.1
Qo'llab-quvvatlash:HaHaHaHa

Brauzerni qo'llab-quvvatlash

Brauzer:Internet ExplorerGugl xromMozilla FirefoxOpera
Versiya:6.0 va undan yuqori2.0 va undan yuqori2.0 va undan yuqori9.2 va undan yuqori3.1 va undan yuqori
Qo'llab-quvvatlash:HaHaHaHaHa

Va bugun biz bu nima ekanligini batafsil ko'rib chiqamiz html teglari va ular atributlar masalan p, br, soat; va ular qanday rol o'ynaydi? atribut qiymatlari html hujjatidagi teglar.

Boshlashdan oldin, uzoq vaqt yo'qligim uchun uzr so'rayman. Gap shundaki, bitta loyiha bilan band bo'lganim sababli, men bir muddat blogni yangilashdan voz kechishga majbur bo'ldim va rejadan biroz orqada qoldim. Ammo endi hamma narsa tugadi va men bir xil ritmni saqlab qolish va muntazam ravishda yangi materiallar bilan ta'minlashni davom ettirishga umid qilaman.

Endi men mo'ljallangan mavzuga qaytaman. Html asoslari bilan tanishish doirasida men allaqachon html hujjatlarining tuzilishi haqida yozgan edim, bu erda men har bir hujjatda bo'lishi kerak bo'lgan asosiy html, bosh va tana teglari, shuningdek, maxsus teg haqida ham tushuntirishlar berdim.deklaratsiya deb ataladi.

Ushbu bo'lim, shuningdek, ro'yxat yaratish xususiyatidan qanday foydalanish haqida ma'lumot beradi. Bundan tashqari, siz saytdagi shakllar va turli xil shakllarni loyihalash imkonini beruvchi teglar bilan alohida tanishishingiz mumkin edi: .

Siz, aziz o'quvchilar, fikr-mulohaza shakli va elektron pochta orqali ko'plab tilaklarni olganimdan so'ng, men boshiga qaytishga va qanday teglar mavjudligi, ular qanday tasniflanganligi va html teglarining atributlari haqida batafsilroq ma'lumot berishga qaror qildim. . Shunday ekan, boshlaylik.

Juftlangan va bitta, blokli va chiziqli HTML teglari: p, br, hr

Oldingi blog postlaridan allaqachon tushunganingizdek, teg Hyper Text Markup Language (HTML) ning asosiy tarkibiy birligidir. Umuman olganda, bu ma'lum bir hujjatni (masalan, manbangiz sahifalaridan biri) tavsiflovchi html kodini aniqlaydigan teglar to'plamidir.

Teglar juft va yakka, shuningdek, blok va chiziq teglariga bo'linadi. Endi, tartibda, eng mashhur va tez-tez ishlatiladigan teglar misolidan foydalanib, ularning farqlarining mohiyatini ko'rib chiqaylik. Aytgancha, ko'pgina manbalarda siz blok va inline elementlarning nomini topishingiz mumkin, ular bir xil ekanligini biling.

Boshlash uchun men qisqacha ta'riflar beraman. Ulangan html teglari- ochish va yopish teglari bo'lgan elementlar, ular orasida tarkib mavjud; bitta elementlarda yopish tegi yo'q. Blok elementlari butun mavjud kenglikni egallagan elementlardir, uning balandligi tarkibga qarab belgilanadi. Shuning uchun, sukut bo'yicha, bir nechta blok elementlari bir-birining ostida joylashgan bo'ladi.


Blok elementlari bir-birining ichiga joylashtirilishi mumkin, lekin ularning hammasi emas, keyinroq batafsilroq. Inline teglar odatda matn yoki boshqa inline elementlarni o'z ichiga oladi, lekin siz blok teglarini inline teglar ichiga joylashtirishga ruxsat berilmagan. Inline teglar, blok teglaridan farqli o'laroq, bir satrda joylashgan bo'lib, faqat kerak bo'lganda, mavjud bo'sh joy tugashi bilan boshqasiga o'tkaziladi.


Ehtimol, yangi boshlanuvchilar uchun bu hali ham biroz murakkab va boshida chalkashlik bor, lekin bu yaxshi boshlanish. Kelajakda hammasi oydinlashadi, men bunga aminman. Bundan tashqari, men umumiy teglar asosida aniq misollarga o'taman va har safar qaysi elementlar, inline yoki blok, juftlangan yoki bitta, ularning har biri tegishli ekanligini ta'kidlayman.

Keling, har bir webmaster har daqiqada tom ma'noda foydalanadigan p tegidan boshlaylik, men mubolag'a qilmayman. Ushbu elementning nomi inglizcha paragraf (paragraf, paragraf) so'zining bosh harfidan kelib chiqqan. U matnning parchalarini ajratib ko'rsatishga xizmat qiladi, shuning uchun o'quvchilarni idrok etish osonroq bo'ladi. Hozir, masalan, men maqola yozyapman va post matnini vaqti-vaqti bilan paragraflarga ajratib ko'rsataman, buni ko'rishingiz mumkin.

Matnni bo'laklarga bo'lish va resursga tashrif buyuruvchilar uchun materialni idrok etishni imkon qadar oson qilish orqali siz qidiruv tizimlari uchun resursni sezilarli darajada yaxshilashingiz mumkin, bu uni targ'ib qilishda muhim ahamiyatga ega.

Asosiysi, tabiiyki, p elementi juftlashgan, chunki u ochilish va yopish tegiga ega. Shu bilan birga, u faqat inline elementlarni o'z ichiga olishi mumkin bo'lgan blok elementidir. Misol uchun, agar siz biron bir matnni bir necha qatorga yozsangiz va uni ochish va yopish p teglari orasiga qo'ysangiz, brauzer uni baribir bitta satrda ko'rsatadi va faqat matn bir qatorga mos kelmasa, u uzatiladi.

HTML teglari Tag p - blok elementi p tegining mazmuni

Ammo ushbu matnni bir nechta satrlarda ko'rsatish uchun siz br elementidan (inglizcha "break" dan) foydalanishingiz kerak, bu bitta, ya'ni uning yopish tegi yo'q va u ham ichki element hisoblanadi. Uni p tegining mazmuni bo'lgan har bir matn satrining oxiriga qo'yish orqali biz kerakli variantni olamiz:

HTML teglari
Tag p - blok elementi
p tegining mazmuni

Br teglarini yozish deyarli bepul. Ya'ni, siz bir vaqtning o'zida bir nechta satrlarni tanlashingiz va ularning har birining oxiriga ushbu tegni qo'yishingiz mumkin yoki oddiygina matnni odatdagi tarzda yozishingiz va taxmin qilingan tire qo'yilishi kerak bo'lgan joylarga br qo'yishingiz mumkin. Blok tegining tarkibiga kiritilgan br inline elementlar soni p kerakli darajada katta bo'lishi mumkin. Ya'ni, yangi qatorga xohlagancha matn yozilishi mumkin.

Keling, yana bir oddiy tegni ko'rib chiqaylik, biz maqolaning oxirida batafsilroq gaplashamiz. Biz hr yorlig'i haqida gapiramiz (ingliz tilidan "gorizontal qoida"- gorizontal chiziq), bu bitta, lekin ayni paytda blokdir, chunki sukut bo'yicha u butun mumkin bo'lgan kenglikni egallaydi. U sahifa mazmunini mantiqiy qismlarga bo'lishda foydali bo'lgan oddiy gorizontal chiziqni tasvirlaydi. Bu matnni ajratish, tasvirlar guruhlari yoki boshqa dizayn komponentlari bo'lishi mumkin.

Ushbu gorizontal chiziqning ko'rinishi sahifa ko'riladigan brauzerga bog'liq bo'lib, uning HTML kodi ushbu elementni o'z ichiga oladi. Bundan tashqari, ushbu chiziqning ko'rinishi, boshqa elementlarning ko'rinishi kabi, turli xil atributlar yordamida tahrirlanishi mumkin. Endi biz bugungi mavzuimizning yana bir komponentiga, ya'ni html teg atributlari tushunchasiga muammosiz yondashdik.

HTML teglarning atributlari va ularning tasnifi

Html teglarining atributlari ularga qo'shimcha xususiyatlarni berish va brauzer tomonidan ko'rsatiladigan veb-sahifa elementlarining ko'rinishini diversifikatsiya qilish imkonini beradi. Har bir teg bir nechta atributlarga ega bo'lishi mumkin. Ularning har biri veb-sayt sahifasining ma'lum bir sohasi dizaynini shakllantirishda rol o'ynaydi. Atributlar element nomidan keyin ochilish tegi ichiga yoziladi. Agar bir nechta atributlar bo'lsa, ularning tartibi muhim emas, u har qanday bo'lishi mumkin.

Deyarli har bir atributning o'z qiymati (parametri) mavjud. Umuman olganda, har qanday bitta yoki juft teg sxematik tarzda quyidagicha ifodalanishi mumkin:


E'tibor bering, atributning qiymatini ko'rsatish uchun atribut nomlaridan keyin tenglik belgisi qo'yilishi va qiymatning o'zi bitta yoki ikkita tirnoq ichiga olinishi kerak. Atributlar ham inline, ham blok turlarida mavjud bo'lishi mumkin; ham yakkalik, ham juftlik teglarida.

Tabiiyki, bitta element bo'lsa, yopilish yorlig'i bo'lmaydi. Barcha atributlar va ularning qiymatlari ochilish yorlig'i ichida yoziladi va ular bo'sh joy bilan ajratilishi kerak, aks holda brauzerda tegishli maydon to'g'ri ko'rsatilmaydi. Ha, men deyarli unutdim, ba'zi atributlar hech qanday qiymatga ega bo'lmasligi mumkin. Albatta, barcha teglarni barcha mumkin bo'lgan atributlar bilan birgalikda tahlil qilish mumkin emas va bu muhim emas, asosiysi ulardan foydalanish mexanizmini tushunishdir. Rasmiy sahifada siz tavsiya etilgan barcha HTML teglarini o'rganishingiz mumkin.

To'g'ri, rasmiy html 4.01 standartlariga mos keladigan ma'lumotlar mavjud. Biroq, html 5 versiyasini amalga oshirish tez sur'atlar bilan amalga oshirilmoqda, uning qoidalariga allaqachon mashhur brauzerlar amal qilmoqda. Gipermatnni belgilash tilining yangi versiyasida esa ba'zi teglar va atributlar o'z kuchini yo'qotadi, ya'ni HTML standartlariga mos kelmaydi. Shuning uchun biz zamon bilan hamnafas bo'lamiz va kelajakda men sizga faqat tegishli teglar va atributlarni taklif qilaman, shuningdek, kelajakda HTML kod standartlariga mos kelmaslikni o'rganamiz, ushbu mavzu bo'yicha materiallar juda tez orada paydo bo'ladi.

Ammo keling, rasmiy W3C sahifasini ko'rib chiqaylik, unda tavsiya etilgan HTML teglar jadvali taqdim etiladi. Agar bizni qiziqtirgan teg bilan havolani bossak (aniqlik uchun yuqorida aytib o'tilgan hr tegini olaylik, ayniqsa quyida u bilan bitta misolni ko'rib chiqamiz), keyin biz ushbu veb-sahifaga yo'naltirilamiz, u erda spetsifikatsiya ko'rsatiladi. Ushbu element bo'yicha:


Barcha elementlarning atributlarini uch guruhga bo'lish mumkin:

  1. Universal atributlar guruhi- ular deyarli barcha html teglariga tegishli. Yuqoridagi skrinshotda ular yashil ramkada ta'kidlangan
  2. Noyob atributlar- ushbu elementga xos bo'lgan atributlar to'plami (rasmdagi hr tegi uchun ular binafsha rang bilan chizilgan: tekislash, noshade, o'lcham, kenglik). HTML 5 spetsifikatsiyasi gorizontal chiziq rangini belgilaydigan yangi rang atributini qo'shdi.
  3. Voqealar- bu atributlar foydalanuvchi harakatlariga javoban ba'zi harakatlar talab qilinganda kerak bo'ladi. Skrinshotda ular ko'k ramkada ta'kidlangan.

Atributlar haqida ma'lumotni boshqa W3C sahifasida ham olish mumkin, u erda html atributlarining to'liq ro'yxati bilan jadval mavjud:


Ushbu jadval gipermatnni belgilash tilida mavjud barcha teglar uchun barcha atributlarni ko'rsatadi. Kerakli atributning qarshisidagi "Aloqador elementlar" ustunida ushbu atributdan foydalanish mumkin bo'lgan teglar belgilanadi. "Tur" ustuni atribut qiymati sifatida ishlatilishi mumkin bo'lgan ma'lumotlar turini ko'rsatadi. Masalan, align atributi (elementning hizalanishini belgilaydi) uchta mumkin bo'lgan qiymatga ega (chap, markaz, o'ng).

Agar "Bo'lim" ustunida D harfi bo'lsa, bu atributdan foydalanish tavsiya etilmaydi, aks holda html hujjati tekshiruvdan o'tmaydi. Bunday holda, CSS uslublaridan foydalanish kerak, men allaqachon ta'kidlaganimdek, biz yaqin kelajakda o'rganamiz. Bu zarur, chunki trend html 5 atributlarining aksariyati eskirgan va elementlarning ko'rinishi CSS yordamida aniqlanishi kerak.

Aytgancha, html 5 versiyasiga ko'ra qo'shilgan teglar va ularning atributlari bilan mutlaqo to'liq ma'lumot, mening fikrimcha, html asoslarini, ya'ni htmlbook va rus tilini o'rganishga bag'ishlangan eng yaxshi manbalardan birida taqdim etilgan.

Hr yorlig'i yordamida gorizontal chiziqni qanday ko'rsatish mumkin

Biz bosqichma-bosqich harakat qilamiz. soat elementi atributlarsiz bo'shliqning butun kengligini egallagan oddiy gorizontal chiziqni belgilaydi (yuqoridagi misolga qarang). Hr tegiga turli atributlarni ketma-ket qo'llash orqali biz gorizontal chiziq ko'rinishini o'zgartiramiz.

Avval align va width atributlarini yozamiz. Hizalamaga kelsak, uni faqat elementning kengligini (sahifa kengligidan kam) aniqlaydigan width atributi ko'rsatilgan bo'lsa ishlatish mantiqiy bo'ladi. Sizga eslatib o'tamanki, hr yorlig'i blok elementi bo'lib, sukut bo'yicha barcha mavjud kenglik maydonini egallaydi.

Kenglik atributining qiymati raqamlar bo'lishi mumkin (bu holda kenglik piksellarda ko'rsatiladi) yoki elementning kengligini mavjud bo'shliqning bir qismi sifatida belgilaydigan foizlar bo'lishi mumkin. Size atributining qiymati raqamlar bilan kiritiladi va elementning balandligini belgilaydi (bu holda gorizontal chiziqning qalinligi). Shunday qilib, keling, bir misolni ko'rib chiqaylik:

Keyin yuqoridagiga noshade atributini qo'shing. Haqiqat shundaki, hr yorlig'idan foydalanganda sukut bo'yicha 3D effektlari (soya) ishlatiladi, siz yuqorida joylashgan chiziqqa qarab ko'rishingiz mumkin. Noshade atributini belgilash orqali biz ulardan foydalanishni taqiqlaymiz.

Endi gorizontal chiziq rangini aniqlaydigan rang atributini qo'shishga harakat qilaylik. E'tibor bering, ushbu atributdan foydalanish 3D effektlarni avtomatik ravishda o'chiradi, shuning uchun noshade talab qilinmaydi. Qiymat sifatida biz rangning nomini o'rnatamiz, masalan, "ko'k".

Shunday qilib, p, br, hr ning aniq misolidan foydalanib, biz html teglari, shuningdek ishlatiladigan turli atributlar veb-sahifadagi turli elementlarning shakllanishiga qanday ta'sir qilishini ko'rib chiqdik. Tez orada men ushbu mavzuning davomini nashr etaman, shuning uchun yangi materiallarni olish uchun RSS tasmasi yoki elektron pochta orqali blog yangilanishlariga obuna bo'lishni unutmang. Shuning uchun, menga ta'tilimni eng yaxshi tilaklar bilan olishga ruxsat bering.

HTML teglari global Internetdagi hujjatlar uchun mo'ljallangan standart belgilash tilidir. Uning sharofati bilan World Wide Webning barcha sahifalari yaratildi. Agar siz hozir bo'lgan sahifaning kodiga qarasangiz, juda ko'p sonli alifbo va raqamli belgilarni ko'rasiz - bu HTML uchun teglar. Ulardan ba'zilari veb-saytlarning qidiruv tizimini optimallashtirish uchun alohida ahamiyatga ega.

Sarlavha teglari nima?

Sarlavha teglari veb-sahifadagi kalit so'zning og'irligiga eng katta ta'sir ko'rsatadi. Brauzer maqolaning sarlavhasini ko'rsatadi, bu tegni qidiruv tizimini optimallashtirishning muhim elementiga aylantiradi. Diqqatni jalb qilish uchun maqola sarlavhalari o'rtacha odam tushunadigan va etarli ma'lumotni o'z ichiga oladigan tilda yozilishi kerak. Qiymatdagi tegning yaxshiroq ishlashi uchun < sarlavha > kamida 7 so'zdan iborat bo'lishi kerak. Agar ushbu qoidaga rioya qilinsa, siz qidiruv tizimlaridan qo'shimcha trafik olish imkoniyatiga ega bo'lasiz. Va nihoyat, sarlavha iloji boricha maqola mavzusiga yaqin bo'lishi kerak.

Ko'rish teglari nima< h1>,< h2>…< h6>?

Bunday teglar to'g'ridan-to'g'ri teglar ichida joylashgan matn sarlavhalari: Saytning yaxshiroq ishlashi uchun teg

- besh martadan ko'p bo'lmagan. Sahifalarni formatlash va tuzish uchun teglar

-

kerakli miqdorda ishlatiladi, lekin bajarishga harakat qiling

Teglar nima< meta>?

SEO uchun ikkita meta teg juda muhim: tavsif va kalit so'zlar. Ular sahifada ko'rsatilmaydi, ammo qidiruv tizimlari ularni hisobga oladi. Dastlab, hujjatning semantikasini qidiruv tizimlari uchun tushunishni osonlashtirish uchun kalit so'zlar yaratilgan. Endi bu tegga internet sahifasining mohiyatini aks ettiruvchi so'zlar kiritiladi.

Tavsif yorlig'iga kelsak, ilgari unga ko'p sonli so'zlar kiritilgan va bu reytingga ta'sir qilgan. Yandex qidiruv tizimi ushbu tegning qiymatlari asosida parchalarni yaratadi. Bugungi kunda ko'pchilik tavsif umuman kerak emasligiga amin, ammo optimallashtiruvchilar hali ham uni to'ldirishni tavsiya qiladilar. Har holda, bu hech qanday zarar keltirmaydi.

Teglar nima< kuchli>,< b> va< em>?

Tag funksiyasi - sahifadagi matnni qalin qilib ajratib ko'rsatish. Bu tegdan biroz keyinroq paydo bo'ldi , ammo shunga qaramay, u qidiruv tizimlari tomonidan ham hisobga olinadi. Kalit so'zlarni aniqlash va ularning ma'nosini kuchaytirish uchun reklama bo'yicha mutaxassislar ta'kidlash teglaridan foydalanishni tavsiya qiladi , .

Teglar , Ularning orasiga yozilgan so'zlarni kursiv yozing. Qidiruv tizimlari uchun ular unchalik ahamiyatga ega emas, lekin ulardan foydalanish Internet sahifasiga ijobiy ta'sir ko'rsatadi.

teg boʻlib, uning vazifasi matnning informatsion xarakterga ega boʻlgan qismlarini tagiga chizishdir. Uning qidiruvga ta'siri unchalik katta emas, u sahifa dizaynini yanada ifodali qilish uchun ishlatiladi.

Teglar nima< img>?

Internet sahifalarida mavjud bo'lgan rasmlar teg yordamida ularda ko'rsatiladi . U juda ko'p atributlarga ega, ammo qidiruv tizimlari uchun eng muhimi - alt va sarlavha. Ulardan birinchisi axborot xarakteriga ega va agar tasvirni ochish imkoni bo'lmasa ko'rsatiladi, ikkinchisi esa rasm nomini o'z ichiga oladi. Agar kursorni tasvir ustiga olib kelsangiz, u brauzerda ochiladi. Ushbu atributlarning ikkalasi ham tashrif buyuruvchilar, ham qidiruv tizimlari uchun juda muhim (ko'proq darajada), ammo ko'plab veb-ustalar ularni beparvo qilishadi.

Teglar ko'pincha HTML sahifalarini tahrirlashda qo'llaniladi - ular tufayli matn paragraflarga bo'linadi. Turli teglardan to'g'ri foydalanish nafaqat qidiruv tizimlarida saytingizni targ'ib qilishga yordam beradi, balki uni tashrif buyuruvchilar uchun yanada jozibador qiladi.

foydalanishda eng keng tarqalgan, chunki ular Internet sahifasidagi kalit so'zning og'irligiga ta'sir qiladi. Shunday qilib, brauzerda maqolaning sarlavhasi ko'rsatiladi, bu sarlavhani qidiruv tizimining zarur qismiga aylantiradi. Ko'pincha maqola sarlavhalari oddiy odamga tushunarli tilda yoziladi va diqqatni jalb qilish uchun etarli ma'lumotni o'z ichiga olishi kerak. Teg yaxshi ishlashi uchun sarlavha qiymati kamida 7 ta soʻzdan iborat boʻlishi kerak. Agar ushbu qoidaga rioya qilinsa, siz qidiruv tizimlaridan qo'shimcha trafik olish imkoniyatiga ega bo'lasiz. Va nihoyat, sarlavha iloji boricha maqola mavzusiga yaqin bo'lishi kerak.

Ko'rish teglari nima

,

…

?

Bunday teglar to'g'ridan-to'g'ri sayt sahifasida joylashgan va boshqa teglar ichida joylashgan matn sarlavhalaridir …

. Yaxshiroq sayt ishlashi uchun teg

Faqat 1 marta foydalanish tavsiya etiladi va

- 5 martadan ko'p bo'lmagan. Lekin sahifalarni formatlash va tuzish uchun teglardan foydalanish kerak

-

oqilona miqdorda.

Teglar nima ?

SEO-da ishlash uchun ko'pincha ikkita meta teg ishlatiladi: tavsif va kalit so'zlar. Ular sahifada ko'rsatilmaydi, ammo qidiruv tizimlari ularni hisobga oladi. Dastlab, qidiruv tizimlariga hujjatning semantikasini tushunishni osonlashtirish uchun kalit so'zlar yaratilgan. Endi bu tegga internet sahifasining mohiyatini aks ettiruvchi so‘zlar kiritiladi.

Tavsif yorlig'iga kelsak, ilgari unga ko'p sonli so'zlar kiritilgan va bu reytingga ta'sir qilgan. Yandex qidiruv tizimi ushbu tegning qiymatlari asosida parchalarni yaratadi. Bugungi kunda ko'pchilik tavsiflash umuman kerak emasligiga amin, ammo dasturchilar undan foydalanishni tavsiya qiladilar. Har holda, bundan hech qanday zarar bo'lmaydi.

Teglar nima , , Va ?

teg - formatlashdir, uning vazifasi sahifadagi matnni qalin qilishdir. Bu teg b tegidan biroz kechroq paydo bo'ldi, ammo shunga qaramay, u qidiruv tizimlari tomonidan ham hisobga olinadi. Kalit so'zlarni aniqlash va ularni mustahkamlash uchun reklama mutaxassislari ta'kidlash teglaridan foydalanishni tavsiya qiladi.

- unga kiritilgan so'zni kursiv bilan yozib, formatlaydi. Qidiruv tizimlari uchun unchalik ahamiyatga ega emas, lekin undan foydalanish Internet sahifasiga ijobiy ta'sir ko'rsatadi.

formatlashda ham qoʻllaniladigan teg boʻlib, uning vazifasi matnning informatsion boʻlgan qismlarini tagiga chizishdir. Ushbu tegning qidiruvga ta'siri unchalik katta emas, u ko'pincha go'zallik uchun ishlatiladi.

Teglar nima ?

Sahifalarda ko'rsatilgan rasmlar buni teg yordamida amalga oshiradi . Bu teg juda ko'p atributlarga ega, ammo qidiruv tizimlari uchun eng muhimi - alt va sarlavha. Alt - axborot xarakteriga ega va sarlavhada bo'lishi mumkin bo'lgan rasm nomi mavjud

Biroq, HTML sahifalarini tahrirlashda eng ko'p ishlatiladigan teg

Bu paragraflarni ajratishning mashhur usuli. Har qanday holatda, teglardan har qanday foydalanish saytingizning qidiruv tizimlari orasida mashhurligini oshiradi. Ulardan foydalanishga ishonch hosil qiling va oldinga intiling.

Salom, aziz blog o'quvchilari. Bugun biz Html tilidagi teglar haqida, ya'ni H1, H2, H3, H4, H5, H6 sarlavhalari, P paragraflari va Br qatorlari haqida, shuningdek, Hr gorizontal chiziq tegi haqida, misoldan foydalanib, gaplashishni boshlaymiz. biz atributlardan foydalanishni ko'rib chiqamiz va har bir element uchun barcha mumkin bo'lgan atributlarni qaerdan topishingiz mumkinligini va ular uchun qiymatlar sintaksisini ko'rib chiqamiz.

Inline va blok teglari o'rtasidagi asosiy farq shundaki, birinchisi bo'sh joy tugamaguncha bir-birini kenglikda kuzatib borishi mumkin va keyin ular keyingi qatorga o'tadi.

Elementlarni bloklash, sukut bo'yicha, harakat qilib ko'ring kenglikdagi barcha bo'sh joyni egallaydi va shuning uchun keyingi blok elementi, albatta, boshqa qatorda joylashgan bo'ladi.

Keling, Html-dagi barcha mumkin bo'lgan teglarni tizimli o'rganishni boshlaylik va shu bilan birga ulardan to'g'ri (to'g'ri) foydalanish imkoniyatlarini aniq tushunish uchun ularning qaysi turga tegishli ekanligiga alohida e'tibor qaratamiz. Soddalashtirilgan teg tuzilishi quyidagicha ko'rinadi:

Shuningdek, ular uchun atributlar mavjud (har biri o'z to'plamiga ega), bu sizga ushbu elementga ma'lum xususiyatlarni qo'shish imkonini beradi, ammo biz bu haqda aniq misollar yordamida gaplashamiz.

Keling, H1, H2, H3, H4, H5, H6 juft teglari yordamida tuzilgan sarlavhalar kontseptsiyasini ko'rib chiqaylik (ism “Sarlavha”, ya'ni “sarlavha” so'zining birinchi harfidan kelib chiqqan). Ular matnning turli qismlarini bir-biridan ajratish va darajaga qarab ularning ahamiyatini belgilash uchun mo'ljallangan. HTML tilining zamonaviy versiyasida barcha teglar va ular uchun ruxsat etilgan barcha atributlar oldindan ko'rsatilgan va tavsiflangan.

Natijada, sarlavhalar faqat olti darajaga va qo'shimcha ravishda elementlarga ega bo'lishi mumkin H1-H6 blokli, ya'ni. sahifaning kengligi bo'ylab barcha mavjud bo'sh joyni egallashga intiling. Ammo ularning bitta o'ziga xos xususiyati bor - masalan, xuddi shu Div sizga boshqa blok teglarini kiritish imkonini berishiga qaramay, faqat inline elementlar sarlavha teglarida bo'lishi mumkin.

Bu. brauzer sizga, masalan, bir darajadagi sarlavhalar ichiga boshqa darajadagi sarlavhalarni qo'shishga ruxsat bermaydi, chunki takror aytaman, ular blok elementlari, lekin ular faqat kichik harflarni o'z ichiga olishi mumkin. Oh, qanday qilib.

Turli darajadagi H1-H6 sarlavhalari turli o'lchamdagi shriftlarga ega brauzerlarda chiziladi (garchi CSS-dan foydalanib, siz ularni brauzerda ko'rsatish uchun mutlaqo istalgan o'lcham, rang va shrift turini o'rnatishingiz mumkin, ammo sof Html-da bu qoidalar) :

Agar biz saytning tartibini uni keyingi targ'ib qilish qulayligi nuqtai nazaridan ko'rib chiqsak (), shuni ta'kidlash kerakki, faqat bo'lishi kerak. har bir sahifaga bitta H1 darajasidagi sarlavha. Ehtimol, siz ikkita H1 dan foydalanishingiz mumkin, ammo undan ko'plari hujjatingizni qidirishda qidiruv tizimlari tomonidan salbiy reaktsiyaga olib kelishi mumkin. Sizning harakatlaringiz spam yoki ahamiyatini oshiruvchi sifatida ko'rib chiqilishi mumkin.

Shuningdek, sarlavha darajalarini o'tkazib yuborish tavsiya etilmaydi, ya'ni. H1 dan keyin matnning kamroq muhim qismlarini ajratib ko'rsatish uchun H2 dan foydalaning va hokazo. Bu qidiruv tizimlaridan jiddiy sanktsiyalarga olib kelishi dargumon, ammo Html kodida sarlavha darajalarini yaratishda mantiqqa amal qilish yaxshiroqdir.

Qidiruv mexanizmlari matndagi so'zlardan ko'ra ushbu teglar tarkibidagi so'zlarga ko'proq ahamiyat beradi. Bundan kelib chiqadigan xulosa shuki, maqola yozayotganda siz foydalanadigan sarlavhalarga albatta sarlavha qo'shishingiz kerak.

Xo'sh, maqola matnida sarlavhalardan foydalanish uni yanada vizual qiladi va o'quvchilarga ma'lumotlar to'plamini tezda boshqarishga yordam beradi. O'ylaymanki, birinchi marta etarli ma'lumot bo'ladi va davom etish vaqti keldi.

Html kodidagi paragraf, qator uzilishi va gorizontal chiziq HR

P yorlig'i "paragraf" so'zidan olingan, lekin ko'pincha u hali ham paragraf deb ataladi. Ular odatda bir nechta jumlalarni o'z ichiga olgan ma'lum bir matn qismini semantik ta'kidlash uchun ishlatiladi. P elementlari tomonidan vertikal ravishda tuzilgan paragraflar o'rtasida bo'sh joy paydo bo'ladi, bu esa imkon beradi matnning alohida mantiqiy qismlari bir-biridan ingl.

Gap shundaki, agar matn alohida kichik bo'laklarga bo'linmasa, odamning monolitini o'qishi juda qiyin. Misol uchun, men odatda Html kodidagi paragraflarga bo'linmagan maqolalarni o'qishni boshlamayman, chunki bu juda zerikarli.

Matnni buzish orqali siz juda charchoq chegarasini kamaytirish resursingizga tashrif buyuruvchilar va foydalanuvchi omillarini yaxshilash (foydalanuvchining saytingizda o'tkazgan vaqti va), bu esa o'z navbatida reklamaga ijobiy ta'sir qiladi.

Xuddi shu maqsadlar uchun (foydalanuvchilarning e'tiborini jalb qilish va maqolani o'qishda charchoqni kamaytirish) matnga turli xil va ba'zan, ehtimol, qo'shiladi.

Aytgancha, P paragraf yorlig'i, ehtimol siz allaqachon sezganingizdek, juftlikdir, ammo HyperText Markup Language 4.01 spetsifikatsiyasiga ko'ra, uning yopish elementi to'liqdir. shart emas. Bunday holda, brauzer uni qaerga qo'yish kerakligini aniqlashi kerak.

P blok element bo'lgani uchun va uning ichida faqat kichik harflar elementlari paydo bo'lishi mumkin. Shunday qilib, brauzer ochiladigan paragraf tegini aniqlab, kodni yanada tahlil qiladi va keyingi blok elementiga duch kelishi bilanoq (ehtimol, bu keyingi ochilish P bo'ladi), darhol uning oldiga yopilish paragraf tegini kiritadi. Html 5 standartida bunday erkinliklar, ehtimol, endi mavjud bo'lmaydi va darhol kerak bo'ladi barcha teglarni yopishga odatlaning va ularni faqat kichik harflar bilan yozing.

Paragraf blok elementidir, shuning uchun paragraflar ichidagi matn barcha mavjud kenglik maydonini egallaydi. Ya'ni, agar siz hujjatning Html kodiga to'rtburchakni kerak bo'lganda yozgan bo'lsangiz (har bir satr alohida) va bu to'rtlikni P paragraf teglariga qo'shgan bo'lsangiz, brauzerda barcha to'rt qatoringiz birlashishini ko'rasiz. biri va matn uchun mavjud bo'sh joyning butun kengligini egallaydi.

Biz allaqachon maqolada nima uchun bu sodir bo'lishini batafsil muhokama qildik. Gipermatnni belgilash tilining ushbu xususiyati tufayli (boshlang'ich koddagi bo'sh joylarning istalgan soni brauzerda ko'rsatilganda bitta bo'sh joy bilan almashtiriladi), siz o'z kodingizni istalgan qulay usulda, uni ekranda ko'rinishini buzishdan qo'rqmasdan formatlashingiz mumkin. veb-sahifa.

Xo'sh, agar siz haqiqatan ham umumiy qabul qilingan shaklda quatrain yozishingiz kerak bo'lsa, buning uchun qo'shimcha HTML-dan foydalanishingiz mumkin.

BR deb nomlangan qator uzilish teglari

("buzilish" so'zidan):

BR inline element va shuningdek, "bo'sh", ya'ni. yagona (yopish elementi yo'q). BR ning butun funksiyasi shundan iboratki, u matnni brauzerda ko'rsatishda satr uzilishiga olib keladi (har qanday matn muharriridagi Enter tugmasi kabi).

Kodda BR (satr uzilishi) teglarini yozish hech qanday tarzda tartibga solinmaydi. Siz butun matnni birga yozishingiz va kerakli joylarda bo'sh joylar o'rniga BR qo'yishingiz mumkin yoki aniqlik uchun matnni darhol koddagi satrlarga bo'lishingiz va BR ni satrlarning oxiriga yoki boshiga qo'yishingiz mumkin. Bu mohiyatni o'zgartirmaydi.

HR("gorizontal qoida", ya'ni gorizontal chiziq so'zlarining qisqartmasi) juda oddiy Html tegi bo'lib, u ko'riladigan brauzerga (aslida) qarab, ekranning butun kengligi va qalinligi bo'ylab gorizontal chiziq (chiziq) chizadi. bu vizual marker bo'lib, sarlavha teglariga o'xshab, oson assimilyatsiya qilish uchun matnni mantiqiy bo'laklarga bo'lish imkonini beradi).

Bu "bo'sh" (bitta), ya'ni. juftlik (yopish yorlig'i) mavjud emas. Bundan tashqari, HR blok elementidir, ya'ni. u sukut bo'yicha unga mavjud bo'lgan butun sahifa kengligini egallaydi.

Atributlar tushunchasi va ularni Html teglarida yozish qoidalari

Keling, ushbu oddiy element yordamida atribut tushunchasini ko'rib chiqaylik. Haqiqat shundaki, biz teglarga WC3 validatorida tegishli va tavsiflangan atributlarni qo'shishimiz mumkin va shu bilan tarkibga kerakli xususiyatni beramiz.

Misol uchun, agar sizda tegishli P teglari ichiga olingan qatorda bir nechta paragraflar (paragraflar) bo'lsa, ulardan birining ko'rinishini o'zgartirish uchun ushbu paragrafning ochilish P elementiga kerakli atributlarni qo'shishingiz kifoya. Yagona (bo'sh) teglar bo'lsa, kerakli atributni qaerga qo'shish variantlari mavjud emas.

Shunday qilib, birinchi qoida atributlar faqat ochilish tegiga joylashtiriladi(yopilish hech qachon hech narsani o'z ichiga olmaydi). Bitta element bir nechta atributlarni o'z ichiga olishi mumkin, ular bir-biridan va teg nomi o'rtasida bo'sh joy bilan ajratilgan (majburiy shart). Darhol HR gorizontal chizig'i uchun ulardan foydalanishga misol keltiraman:

Shunday qilib, avval atribut sintaksisini ko'rib chiqamiz. Ular ochilish yorlig'iga kiritiladi, bo'sh joy bilan ajratiladi (element nomidan keyin bo'sh joy ham kiradi) va ismni, tenglik belgisini o'z ichiga olgan va tirnoq ichida yozilgan konstruktsiyadir (odatda juft juftlarni qo'yish odatiy holdir. , lekin standart juftlashgan yakkalik qo'shtirnoq) qiymatlariga ham ruxsat beradi. Html teg kodidagi atributlarning tartibi muhim emas.

U erda men havola berdim barcha haqiqiy HTML teglar ro'yxati. Agar ushbu ro'yxatda sizni qiziqtirgan element nomini bossangiz (bizning holatda bu HR), siz uning batafsil tavsifi bo'lgan sahifaga o'tasiz:

Har qanday tegning barcha atributlari bo'lishi mumkin uch guruhga bo'ling:

  1. Umumiy - ular HTML tilidagi elementlarning aksariyat qismida paydo bo'lishi mumkin. Yuqoridagi rasmda ular pastda joylashgan va qizil ramka bilan o'ralgan. Darhaqiqat, bir nechta umumiy atributlar mavjud (faqat oltitasi) va shunga qaramay, siz ularning barchasini amaliyotingizda ishlatishingiz dargumon. Katta ehtimol bilan faqat to'rtta - , nom va uslub mavjud.
  2. Hodisa atributlari - ular foydalanuvchi harakati yoki tizim hodisasiga javoban ba'zi harakatlarni boshlash uchun kerak. Ular JavaScreet bilan ko'proq bog'liq va yuqoridagi rasmda eng quyida joylashgan (qorong'i ramkada aylantirilgan).
  3. Noyob - har bir teg odatda o'ziga xos atributlarga ega, ularning ba'zilari boshqa elementlarda umuman topilmasligi mumkin. Agar biz HR gorizontal chizig'ini ko'rib chiqsak, u faqat to'rtta noyob atributga ega (hizalama, noshade, o'lcham va kenglik). HR yorlig'ida ko'rsatilgan barcha boshqalar (yuqorida tavsiflangan ikkita guruhdan tashqari) brauzer tomonidan e'tiborga olinmaydi.

HR gorizontal chiziq tegidagi atributlarga misollar

Turli atributlarning qiymatlari ixtiyoriy raqamlar (va hokazo) yoki oldindan belgilangan to'plamdagi qiymatlar bo'lishi mumkin, masalan, HR uchun tekislash holatida bo'lgani kabi - chapga|o'rtaga|o'ngga (siz uchta tekislashdan birini ishlatishingiz mumkin) variantlar).

Umuman olganda, ular haqida WC3 validatoridagi ma'lumotni nafaqat Html teglari ro'yxatida, balki atributlar ro'yxati, uni taqdim etilgan havolada topasiz.

Ushbu ro'yxat HTML tilida mavjud bo'lgan barcha teglar uchun barcha mumkin bo'lgan variantlarni o'z ichiga oladi. Sizni qiziqtirgan variantning qarshisidagi "Tegishli elementlar" ustunida ushbu atributdan foydalanish mumkin bo'lgan elementlar ro'yxati bo'ladi. "Tur" ustuni uning qiymati sifatida ishlatilishi mumkin bo'lgan ma'lumotlar turini ko'rsatadi.

Masalan, align atributi uchun rasmda chizilgan qatorda HR yorlig'i uchun u erda ko'rsatilgan faqat uchta sobit qiymatdan foydalanishga ruxsat beriladi (chap | markaz | o'ng).

Yana bir muhim ustun - "Depr". Agar ushbu ustunda sizni qiziqtirgan atributning yonida D harfi bo'lsa, u holda foydalanish tavsiya etilmaydi, lekin uni almashtirish uchun tegishli CSS uslublaridan foydalanishingiz kerak. Teg spetsifikatsiyasini ko'rib chiqayotganda, biz HR uchun barcha to'rtta atributning nomi yonida "Eskirgan" so'zi yozilganligini ko'rdik (foydalanish tavsiya etilmaydi).

Keling, ushbu maqolada (P, H1-H6 va HR sarlavhalari) ko'rib chiqqan elementlar bilan qanday atributlar ishlatilishini ko'rib chiqaylik. Ularning barchasi uchun siz "align" dan foydalanishingiz mumkin, chunki bu elementlarning barchasi blok elementlaridir. Inline elementlar uchun "align" atributi hech qanday ma'noga ega emas.

Misol uchun, agar siz sarlavha tegiga (masalan, H1) "align" qo'shsangiz, sarlavha matnining hizalanishini o'rnatishingiz mumkin. Bular. Blok elementi kengligi bo'yicha unga mavjud bo'lgan barcha bo'sh joyni egallaydi, ammo bu sarlavhaning mazmuni (uning matni) chapga (standart), o'ngga yoki markazga yoki kenglik bo'yicha hizalanishi mumkin (oqlash - so'zlar orasidagi masofa o'zgaradi, gazeta ustunlarida bo'lgani kabi).

Aytgancha, xuddi shu narsa, agar siz berilgan skrinshotga diqqat bilan qarasangiz, P paragrafining Html tegi va Div konteyneri uchun ham amal qiladi.

Gorizontal HR chizig'i uchun "align" atributi ushbu element tomonidan yaratilgan gorizontal chiziqning o'zi hizalanishini ko'rsatadi. Ammo HR yorlig'i blok elementi bo'lib, kenglikdagi barcha mavjud bo'sh joyni egallashga intiladi. Shuning uchun, agar u bilan birga siz bo'lsangiz, unda "align" dan foydalanish mantiqan to'g'ri keladi "kenglik" atributining qiymatini o'rnating(kengligi) sahifaning kengligidan kamroq.

"Kenglik" qiymati oddiy raqamlar bo'lishi mumkin (bu kenglikni piksellarda o'rnatadi) yoki gorizontal HR chizig'i uchun mavjud bo'lgan umumiy kenglikning foizidan foydalanishingiz mumkin. Xuddi shu teg uchun "o'lcham" atributining qiymati gorizontal chiziqning balandligini piksellarda ko'rsatadigan raqamlarda ko'rsatilgan. Keling, buni misol bilan ko'rib chiqaylik:

Html 4.01 standartidagi HR yorlig'i yana bittaga ega yagona deb nomlangan atribut, chunki u hech qanday qiymatni o'z zimmasiga olmaydi (bu shunchaki biron bir harakatni anglatadi) - bu gorizontal chiziqqa soya tushishiga to'sqinlik qiladigan "noshade":

Html-dagi barcha mumkin bo'lgan teglar uchun barcha mumkin bo'lgan atributlarni ko'rib chiqa olmasligim aniq va bu shart emas, chunki hamma narsani analogiya orqali qilish mumkin - asosiysi sintaksis va g'oyaning o'zini tushunishdir. Bundan tashqari, ularning ko'pchiligi allaqachon foydalanish uchun tavsiya etilmaydi, chunki... Hozir ularning vazifasi CSS uslublari tomonidan amalga oshiriladi, bu haqda biz ham tez orada batafsil gaplashishni boshlaymiz.

Omad sizga! Tez orada blog sayti sahifalarida ko'rishguncha

Sizni qiziqtirishi mumkin

Html-dagi jadvallar - Table, Tr va Td teglari, shuningdek ularni yaratish uchun Colspan, Cellpadding, Cellspacing va Rowspan
Iframe va Frame - ular nima va Html-da freymlardan qanday foydalanish yaxshiroq
Html kodidagi sharh direktivalari va Doctype, shuningdek blok va inline elementlar (teglar) tushunchasi
O'rnatish va ob'ekt - veb-sahifalarda media-kontentni (video, flesh, audio) ko'rsatish uchun Html teglari
HTML - IMG va A teglariga havola va rasmni (fotosuratni) qanday kiritish mumkin
Veb-forma elementlarini yaratish uchun sayt uchun HTML shakllari - teglar Form, Input va Select, Option, Textarea, Label va boshqalar.
Shrift (Yuz, Hajm va Rang), Blockquote va Pre teglar - sof HTMLda eski matn formatlash (CSS ishlatilmaydi)
Bo'shliq belgilari va ularni Html-da kodni formatlash, shuningdek, maxsus uzilmaydigan bo'shliq belgilar va boshqa mnemonikalar
Qanday qilib giperhavola yaratish mumkin (A, Href, Target blank), uni saytning yangi oynasida qanday ochish kerak, shuningdek, rasmni Html kodida havola qilish

Assalomu alaykum, Do'stlar! Bugun biz bu haqda gaplashamiz paragraf tegi va hizalanish atributi. Umuman olganda, sahifadagi barcha tarkib paragraflarga bo'linishi kerak. Paragraf mazmuni teglar orasiga yoziladi

Matn…

. Biz 2 ta ketma-ket paragrafni ko'rsatganimizda, ular o'rtasida ko'rinmas maydon hosil bo'lib, ularni bir-biridan uzoqlashtiradi. Teg blok teg bo'lib, u sahifaning butun kengligini egallaydi.

Masalan, quyidagi kodli sahifani olaylik:

Paragraflar bilan sahifa.

Birinchi xatboshi: Lorem Ipsum matbaa va matn terish sanoatining oddiygina soxta matnidir. Lorem Ipsum 1500-yillardan beri sanoatning standart qo'g'irchoq matni bo'lib kelgan, o'shandan beri noma'lum printer galleyni olib, kitob namunasini yaratish uchun shifrlagan.

Ikkinchi xatboshi: O'quvchi sahifaning tartibini ko'rib chiqayotganda uning o'qilishi mumkin bo'lgan mazmuni bilan chalg'itishi uzoq vaqtdan beri tasdiqlangan haqiqatdir. Lorem Ipsum-dan foydalanishning mohiyati shundaki, u "Kontent bu erda, kontent bu erda" dan farqli o'laroq, harflarning ko'proq yoki kamroq normal taqsimlanishiga ega bo'lib, uni ingliz tilida o'qilishi mumkin.

Keling, bu brauzerda qanday ko'rinishini ko'rib chiqaylik:


Albatta siz sahifa kodida teg borligini payqadingiz kuchli, bu teg matnni qalin qiladi.

Teg atributlari

Har bir teg uchun atributlarni ko'rsatishingiz mumkin va ba'zi hollarda hatto kerak bo'ladi. Atribut orqali biz brauzerga sahifada u yoki bu elementni qanday ko'rsatishni aniq aytamiz.

Atribut ochilish yorlig'i qavs ichida ko'rsatilgan va quyidagi sintaksisga ega: atribut_ism = "qiymat"

Hizalama atributi

Misol uchun, bizda sahifada paragraf bor va biz uning mazmunini tekislashni xohlaymiz. Buning uchun atributni ochilish tegi ichiga yozamiz tekislash, paragraf ichidagi tarkibni moslashtirish va uni bitta qiymatga o'rnatish uchun javobgardir.

Paragrafning mazmuni.

Bu atribut 4 ta qiymatga ega:

1.Chap– Tarkibni chapga tekislaydi. Bu qiymat standart hisoblanadi. Ya'ni, agar biz paragraf uchun atributni ko'rsatmasak tekislash, keyin paragraf ichidagi kontent sukut bo'yicha chapga tekislanadi. Buni oldingi misolda ko'rish mumkin.

2. To'g'ri– Tarkibni o‘ngga tekislaydi.

Matn…

Bu brauzerda qanday ko'rinishga ega:


3. Markaz- Tarkibni sahifaning o'rtasiga tekislaydi.

Matn…


4. asoslash– Tarkibni sahifa kengligiga moslashtiradi.

Matn…


Dars xulosasi:
Bugun biz bu nima ekanligini bilib oldik paragraf html ichida. Paragraflar html-da juda tez-tez ishlatiladi. Teg atributi nima ekanligini ham bilib oldik. Va hizalanish atributini o'rgandim tekislash. Quyidagi qiymatlardan birini qabul qilishi mumkin: chap (standart qiymat),to'g'ri,markazoqlash.



O'qishni tavsiya qilamiz