Boshlang'ich

PreviousEditorlar NextElementlar

Last updated 1 year ago

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.

PreviousEditorlar NextElementlar

Last updated 1 year ago

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>

W3Schools online HTML editor

HTML paragraf

HTML paragraflari <p> tegi bilan ifodalanadi.

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

W3Schools online HTML editor

HTML havolalar

HTML havolalar <a> tegi bilan yaratiladi.

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

W3Schools online HTML editor

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">

W3Schools online HTML editor

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.