Animal Trading cards

4-savol
Sizning do‘stingiz uni ishlaydigan qilish uchun havola yaratuvchi elementiga nima qo‘shishi mumkin?

Izoh:
Bu ishlaydigan havola bo‘lishi uchun bizda "https" protokoli, shuningdek, "://" ajratuvchi bo‘lishi kerak!

28. Rasmlarni qo‘shish

1-savol
Rasmni muqobil "Fish" matni bilan https://fakeurl.example.net/fish.png ko‘rsatadigan "HTML" parchasini yozing.
Javob

2-savol
Ko‘pgina veb-saytlarda bir-biriga bog‘langan rasmlar mavjud: brauzer rasmni ko‘rsatadi, shuningdek, foydalanuvchi boshqa sahifaga o‘tish uchun ushbu rasmni bosishi mumkin. Sizningcha, bularni yaratishda qaysi yondashuvlar qo‘llaniladi?

Izoh:
Havola bo‘lgan rasm yaratish uchun, img elementini a elementining ochish va yopish teglari orasiga joylashtiring, masalan:

Bu elementlarni biriktirmasining ajoyib namunasidir!

29. Fayllar va nisbiy “URL” manzillar

1-savol
Ushbu img elementlaridan qaysi biri nisbiy "URL" manzildan foydalanadi?
(Quyidagilar ichidan qo‘llaniladiganlarining barchasini tanlang.)

Izoh:
Siz nisbiy "URL" manzillarni tanib oldingiz. "HTML" faylingiz bilan bir xil katalog tuzilishidagi rasm yoki boshqa faylga murojaat qilayotganda, ulardan foydalanishni unutmang!
2-savol
Ushbu a teglaridan qaysi biri "Google" bilan ishchi havolani yaratadi?

Izoh:
Yaxshi! Havola boshqa veb-saytga havola qilinishi uchun u mutlaq URL manzili bo‘lishi kerak.

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

1-savol
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?