Deb ataladi

hello

– ochish yoki boshlash tegi

hello – element

– yopish yoki yakunlash tegi

Bilasizmi? Bo‘sh joylar, yorliqlar va chiziqlar orasidagi uzilishlar bo‘sh joy

deb ataladi. <strong>whitespacestrong>.

Qalin harfda

Whitespace (bo‘shliq) bo‘sh joylar, yorliqlar va qator "break"larini o‘z ichiga oladi. Brauzer "HTML" faylni namoyish qilganda, u bo‘sh joyni bitta "bo‘shliq" sifatida belgilaydi. Brauzerda paydo bo‘ladigan satr yakunini yaratish uchun 
 tegidan foydalaning.

sub va sup elementlari "satr osti" (subscript) va "satr usti" (superscript) degan ma’nolarni anglatadi. Dastlab "HTML" ilmiy va akademik ish uchun vosita sifatida boshlandi; va ular "x²+3x+4 = 1" yoki "H₂O" singari kimyoiy formulalarni yozish uchun juda foydali.

Birinchi misol 
 ochish tegidan boshlanadi, ammo darhol '' yopish tegiga ega. Ammo undan oldin  ochish tegi yo‘q. Ochilmagan elementni yopish to‘g‘ri emas. Ushbu misolda aslida yopish va ochish teglari bo‘lishi lozim va u qanday bo‘lishi kerakligini ko‘rish uchun orqaga qayting.

Ikkinchi misolda 
, ,  teglari ochilgan, lekin  tegi  tegi yopilmasidan oldin yopilgam. Bu mark elementini em elementi bilan bir-biriga moslashtirishga harakat qilmoqda. Agar biz buni brauzerga topshirsak, u biz nimani nazarda tutganimizni aniqlashi mumkin, chunki, brauzerlar haqiqatdan juda keng imkoniyatlarga ega. Ammo bu texnik jihatdan noto‘g‘ri HTML.

Uchinchi misol esa juda yaxshi. U 
, ,  ochish teglariga va , , 
 yopish teglariga ega. Bu ajoyib va simmetrik.

Bu yerda mana shu kursda ko‘rilgan "HTML" elementlari keltirilgan. Agar siz ularni hali ham o‘zingizning matn muharriringiz va brauzeringizda sinab ko‘rmagan bo‘lsangiz, hozir bu uchun ajoyib vaqt!

• 
   va  — Urg‘u berish (ajratib ko‘rsatish).
  Sukut holati bo‘yicha,  ichidagi matn "italic" sifatida va  ichidagi matn boldface ko‘rinishida ko‘rsatiladi.
  
• 
  
   — Paragraf.
  Paragrafdagi matn vizual ravishda boshqa paragraflardan kichik chegara bilan ajratilgan.
  
• 
  
   — Qator bo‘yicha "break" (qatro uzilishi). (bo‘sh)
  Qatordagi "break" yangi paragraf yaratmaydi; u faqat qatorning oxirini belgilaydi.
  
• 
   va  — Satr osti va satr usti.
  U matematika va kimyo uchun foydali: Menda x³+2x² H ₂O molekulalari bor.
  
• 
   — Belgilash.
  U tez-tez ishlatilmaydi, lekin bu ajoyib belgilashdir.
  

Ushbu elementlar ichidan, faqat br elementi bo‘sh (empty yoki void) elementdir.

E’tibor bering, yopish tegi li uchun ixtiyoriy, ammo ol va ul uchun ixtiyoriy emas. Boshqacha qilib aytganda, yopish tegi ro‘yxatning har bir elementi uchun ixtiyoriydir, lekin ummumiy ro‘yxat uchun emas. Biz ro‘yxatni butunlay yopishga amin bo‘lishimiz kerak! Xo‘sh nima uchun? Agar biz  yoki  yopish tegini qoldirsak, bizning ro‘yxatimiz qachon tugashini brauzer bilmaydi! U shunchaki ro‘yxat qismi sifatida ushbu nuqtadan keyin keladigan barcha narsalarga amal qiladi.

Tartiblangan ro’yhat – ol

Tartiblanmagan ro’yhat – ul

em, ul va ol elementlari yopish tegini talab qiladi, ammo p va li elementlari bunday emas.

br tegi bo‘sh element bo‘lib, u yopish tegiga imkon bermaydi.

p va li bu ixtiyoriy yopish teglari bilan ko‘rgan ikkita element. shuningdek brauzer, yangi elementning "start" tegga kirganda, oxirgi element bo‘lishi mumkin emasligi va "close" tegi bo‘lishi kerakligini biladi. Masalan, yangi p element boshlanganda u oldingi p element yopilishi kerakligini biladi.

Biror narsani o‘z so‘zlaringiz bilan qo‘ysangiz, bu tushunchalarni yaxshiroq tushunishga va eslab qolishga yordam beradi, ammo uni mukammal qilish haqida sira ham tashvishlanmang. Agar biror narsaga biroz ishonchingiz komil bo‘lmasa, uni nishonga oling. O‘z-o‘zidan amalga oshirilgan sa’y-harakatlar ushbu tushunchaga yana duch kelganingizda tushunchangizni rivojlantirishga yordam beradi.

Amaliy mashg‘ulot — "div" elementi

"Block" va "inline" elementlar mavzusidagi video lavhada, Kelli aytib o‘tgan "block" darajasidagi elementlardan biri "div" deb nomlanganligiga e’tibor bergan (yoki bermagan) bo‘lishingiz mumkin.

div bu division so‘zining qisqartmasi bo‘lib, ushbu element sahifani turli bo‘limlarga bo‘lishda foydalanish uchun mo‘ljallangann.

p paragrafi singari, div elementi ham atrofida ko‘rinmas ramkaga ega, xuddi p kabi u ham chegara, hoshiya, kenglik, balandlik va hokazolarga ega bo‘lishi mumkin.

Ammo p elementi, asosan, matnni o‘z ichiga olishi kerak. Bunga javoban, div elementi siz ichkariga qo‘yishni istagan har qanday boshqa elementlar uchun umumiy konteynerdir. Siz div elementidan tarkibni tartibga solish va sahifani bo‘limlarga bo‘lish uchun foydalanishingiz mumkin.

Bu biroz mavhum. Uni quyidagi ishchi maydonda sinab ko‘rish yordam berishi mumkin. So'nggi ikki paragrafni div elementiga quyidagicha joylashtirib ko‘ring:

Ichki ro‘yxatlar

Bu yerda ichki joylashtirilmagan oddiy ro‘yxat:

• 
  Mammals
  
• 
  Reptiles
  
• 
  Birds
  

Quyidagi ishchi maydonida quyidagilarni yaratish uchun ushbu ro‘yxatga qo‘shimcha ichki ro‘yxatlar qo‘shishingiz mumkinmi:

• 
  Mammals
  
  1. 
     Raccoons
     
  2. 
     Gorillas
     
• 
  Reptiles
  
  1. 
     Iguanas
     
  2. 
     Cobras
     
• 
  Birds
  
  1. 
     Ostriches
     
  2. 
     Ravens
     

Ish maydonining o‘ng qismi yuqoridagi ro‘yxat kabi ko‘ringanda hamma narsa to‘g‘ri ekanligini tushunasiz!

https://www.simons-rock.edu sizni to‘liq veb-saytning asosiy sahifasiga olib boradigan to‘liq URL manzil. github.com bu to‘liq vakolatli "URL" manzili emas. Bu siz brauzeringizga kiritishingiz mumkin bo‘lgan narsa, lekin siz buni "HTML"da ishlata olmaysiz … agar siz ushbu \"a "HTML"ni bir xil katalogda github.com nomli faylni nazarda tutmagan bo‘lsangiz\", ehtimol buni qilmagan bo‘lardingiz.

http:///Users/karl/index.html bu tartibsizlik! Bu http URL manzili, lekin unda domen nomi mavjud emas. Brauzer bu bilan nima qilishni bilmaydi, chunki bu "http" dir, lekin ulanadigan server yo‘q!

file:///home/kelly/photos/Scotland1.jpg o‘zingizning kompyuteringizdagi faylga havola qilish uchun yaxshi bir fayl "URL" manzili ... agar siz Kelly singari "Linux" kompyuterida bo‘lsangiz. Shuni yodda tutingki, agar siz kimgadir fayl:// URL manzilini bersangiz, ular ushbu manzilga kira olmaydilar, chunki ularda aynan o‘sha joyda bunday fayl mavjud emas.