Veb-sahifalarni yozishda biz html dasturlash tildan foydalanamaiz. Aytgancha, html

file:// URL manzili nisbiy URL emas. U lokal kompyuterning fayl tizimida faylning to‘liq joylashishini aniqlaydi.

Ushbu a teglaridan qaysi biri "Google" bilan ishchi havolani yaratadi?

https://www.google.com. >Google.com
S iz nisbiy "URL" manzillarni tanib oldingiz. "HTML" faylingiz bilan bir xil katalog tuzilishidagi rasm yoki boshqa faylga murojaat qilayotganda, ulardan foydalanishni unutmang!
30 dars

Amaliy mashg‘ulot - Rasmlar va nisbiy "URL" manzillar

Masalan, src="kittens.jpg" va "kittens.jpg" kabilar qiymatning namunasidir.
Ammo bu hamma narsaga tegishli: masalan, `src ="kittens.jpg"'. Bu qanday nomlanadi?
Bu yerda elementga misol keltirilgan:
Google
Ammo bu savol faqat elementning bir qismiga tegishli:
href="https://www.google.com"
Bu nima deb ataladi?

Bu yerda havolani yaratish uchun bir nechta "HTML"lar keltirilgan:
Google
Bu yerda esa rasmni namoyish qilish uchun ba’zi narsalar keltirilgan:

Ushbu href="https://www.google.com", src="kittens.jpg" va alt="Kittens!"lar qanday narsalar?

Bularning barchasi HTML atributlarining misollaridir. Esda tutingki, atributlar har doim HTML elementining boshlang‘ich (start) tegiga kiradi.

Karl o‘zining "notes.html" faylida ishlamoqda. U sahifani brauzerga yuklaganida, URL quyidagicha ko‘rinadi:

file:///Users/Karl/Documents/Udacity/notes.html
Ushbu tavsiflarning qaysi biri to‘g‘ri?

• 
  
• 
  URL manzilida aytilishicha, Karlning notes.html fayli uning kompyuterida "Hujjatlar" papkasi ichidagi "Udacity" nomli papkada saqlanadi.
  
• 
  

Ushbu havola haqida nima deya olasiz?

• 
  Learn to code!
  

Do‘stingiz HTML faylini ba’zi img elementlari bilan birga yuboradi. Do‘stingiz HTML fayl bilan birga sizga biron-bir rasm faylini yubormadi.

B rauzeringizda ularning sahifasini ochganingizda, ularning img elementlaridan qaysi biri (quyida keltirilgan) ishlayotganini va rasmni ko‘rsating.

src atributi onlayn rasmning URL manziliga murojaat qilganligi sababli, do‘stingiz sizga rasm ko‘rinishi uchun rasm faylini yuborishi shart emas.

Sizda "zeke.png" deb nomlangan "Zeke" ismli sakkizoyog‘ingiz tasviri bor. Siz rasm faylini veb-sahifangiz bilan bir xil papkada saqladingiz.

Ushbu rasmni veb-sahifangizda namoyish qilish uchun img elementini yozing. Muqobil matn atributini qo‘shib qo‘yganingizga ishonch hosil qiling, masalan, ta’rifi bilan: "A picture of my pet octopus, Zeke."".
Aniq emas... zeke.png atributi bilan src atributiga ega img elementidan va A picture of my pet octopus, Zeke bilan alt atributidan foydalanganligingizga ishonch hosil qiling.







Agar siz ularni sinab ko‘rishni yoqtirsangiz, "grafik to‘ldiruvchini" qidirish orqali boshqa shunga o‘xshash saytlarni topishingiz mumkin va siz yana bulardan milliardlarcha borligiga guvoh bo‘lasiz.—masalan, Lorem Picsum va FillMurray.com

31 dars