Ikkinchi dars: HTML asosiy misollar

Yaratuvchi: Frontend Tutorials

Ushbu bobda biz bir nechta asosiy HTML misollarini ko'rsatamiz.

Agar biz hali o'rganmagan teglardan foydalansak, tashvishlanmang.

HTML hujjatlari

Barcha HTML hujjatlari hujjat turi deklaratsiyasidan boshlanishi kerak: <!DOCTYPE html>.

HTML hujjatining o'zi <html> bilan boshlanadi va <html> bilan tugaydi .

HTML hujjatining ko'rinadigan qismi <body>va </body> orasida joylashgan.

Misol

https://codepen.io/frontend-trendc/pen/poxvWeY rasmdagi koddan asosiy ekranga nima chiqishini ko'ring.

<!DOCTYPE html> Deklaratsiyasi

Deklaratsiya <!DOCTYPE html> hujjat turini ifodalaydi va brauzerlarga veb-sahifalarni to'g'ri ko'rsatishga yordam beradi.

U faqat bir marta, html kodning yuqori qismida birinchi qatorda yozilishi kerak.

Deklaratsiya <!DOCTYPE html> katta-kichik harflarga sezgir emas.

HTML sarlavhalari

<h1>HTML sarlavhalari to <h6> teglarigacha bilan belgilanadi. Bu yerda <h1> eng katta <h6>esa eng kichik sarlavha hisoblanadi.

Misol:

https://codepen.io/frontend-trendc/pen/abRzLEN. rasmdagi koddan foydalaning.

HTML paragraflari

HTML paragraflari <p> teg bilan belgilanadi.

https://codepen.io/frontend-trendc/pen/KKGwXZY. <p> dan foydalanishni o'rganing.

HTML havolalari

HTML havolalari <a> teg bilan belgilanadi.

https://codepen.io/frontend-trendc/pen/LYgEzmW. <a> tegidan foydalanib ko'ring.

Havolaning manzili href. atributda ko'rsatilgan. Uni bemalol o'zingizga kerakli linkga o'zgartira olasiz.

Atributlar HTML elementlari haqida qo'shimcha ma'lumot berish uchun ishlatiladi.

Atributlar haqida keyingi darsda ko'proq bilib olasiz.

HTML tasvirlar

HTML tasvirlari <img> teg bilan belgilanadi.

Manba fayl ( src), muqobil matn ( alt), width, va heightatributlar sifatida taqdim etiladi:

https://codepen.io/frontend-trendc/pen/eYPmGLN. img funksiyasidan foydalaning.

Shu bilan bugundi darsimiz tugadi. Darsni o'z vaqtida o'rgansangiz o'zingizga foyda bo'ladi. Darslarni bir marta o'qib chiqish bilan qanoatlanmang. Qayta qayta 3- 4 marta takrorlang. Kelgusida kuchli dasturchi bo'lishingizga yordam beradi men bu narsalarni o'zimdan kelib chiqib aytyapman.