Boshlang'ich

Bu bo'limda ba'zi boshlang'ich HTML misollarini ko'rsatamiz.

Agar biz, siz o'rganmagan teglardan foydalansak xavotir olmang.

HTML Hujjatlar

Barcha HTML hujjatlari hujjat turini belgilovchi <! DOCTYPE html> tegi bilan boshlanishi kerak.

HTML - hujjatning o'zi <html> bilan boshlanadi va </html> bilan tugaydi.

HTML hujjatdagi ma'lumotlarning brauzerda ko'rinadigan qismi <body> va </body> teglari orasida joylashadi.

<!DOCTYPE html>
<html>
<body>

<h1>Mening birinchi sarlavham</h1>
<p>Mening birinchi paragrafim</p>

</body>
</html>

<!DOCTYPE> deklaratsiyasi

<!DOCTYPE> deklaratsiyasi hujjat turini ifodalaydi, ya'ni brauzerga bu hujjat HTML5da yozilganligini bildiradi va brauzerlarga veb-sahifalarni to'g'ri ko'rsatishga yordam beradi.

U faqat bir marta, sahifaning yuqori qismida (barcha HTML teglaridan oldin) yozilishi kerak.

<!DOCTYPE> deklaratsiyasida harflarning katta-kichiklikligi ahamiyatsiz.

HTML5 uchun <!DOCTYPE> deklaratsiyasi:

<!DOCTYPE html>

HTML Sarlavhalar

HTML sarlavhalari <h1> tegidan <h6> teg-gacha ifodalaniladi.

<h1> muhim sarlavhalar uchun ishlatiladi, <h6> esa uncha muhim bo'lmagan sarlavhalar uchun ishlatiladi:

<h1>Bu 1 - sarlavha</h1>
<h2>Bu 2 - sarlavha</h2>
<h3>Bu 3 - sarlavha</h3>

HTML paragraf

HTML paragraflari <p> tegi bilan ifodalanadi.

<p>Bu paragraf</p>
<p>Bu boshqa paragraf</p>

HTML havolalar

HTML havolalar <a> tegi bilan yaratiladi.

<a href="https://www.w3schools.com">Bu havola</a>

Havolaning qaysi manzilga yo'naltirilishi href atributida ko'rsatiladi.

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

Atributlar haqida keyingi darslarda ko'proq ma'lumot olasiz.

HTML Rasmlar

HTMLda rasmlar <img> tegi yordamida qo'shiladi.

Rasmning fayl joylashuvi src atributiga beriladi. Rasm haqida qisqacha ma'lumot alt attributida, rasmning kengligi width va eni height attributi yordamida amalga oshiriladi.

<img src="w3schools.jpg" alt="W3Schools.com" width="104" height="142">

HTML manbalarini (source code-larni) qanday ko'rish mumkin ?

Biror bir veb-sahifaning html code-larini ko'rish uchun kompyuteringizdagi f12 tugmasini bosing.

Yoki bo'lmasam sichqonchaning o'ng tugmasini bosganingizda paydo bo'lgan menyudan "inspect" bo'limini tanlash orqali ko'rish mumkin.

Yana bir yo'li esa ctrl + shift + i yoki ctrl + shift + c tugmalarini bosgan holda ko'rish imkoniyatiga ega bo'lasiz.

PreviousEditorlarNextElementlar

Last updated