Tanishuv

HTML web sahifalar yaratish uchun standart markuplash tili.

HTML o'zi nima ?

HTML Hyper Text Markup Language so'zining qisqa ko'rinishi.
HTML veb sahifalar yaratish uchun standart belgilashli til.
HTML veb sahifalarning strukturasini tasvirlaydi.
HTML bir necha elementlardan tashkil topgan bo'ladi.
HTML elementlari brauzerlarga kontentni (veb sahifadagi ma'lumotlarni) qanday ko'rsatishni tushuntiradi.
HTML elementlari kontent qismlarini "bu sarlavha", "bu oddiy matn", "bu havola" kabi belgilab beradi.

Oddiy HTML hujjat

<!DOCTYPE html>
<html>
<head>
<title>Sahifa mavzusi</title>
</head>
<body>

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

</body>
</html>

Misol orqali tushuntirish

<!DOCTYPE html> hujjat HTML5 da yozilganini bildiradi.
<html> - HTML sahifaning eng asosiy (root) elementi hisoblanadi.
<head> - veb sahifa haqidagi meta-ma'lumotlarni saqlovchi element. Meta ma'lumotlar haqida keyingi darslarda gaplashamiz.
<title> - veb sahifaning nomini saqlovchi element ( sahifa nomi brauzerda ochilgan har bir oynaning sarlavhalar qatorida ko'rsatiladi).
<body> - veb sahifaning tana (body) qismidagi foydalanuvchilarga ko'rinadigan sarlavha, paragraflar, rasmlar, havolalar(hyperlink), jadvallar, ro'yxatlar kabi kontentni saqlovchi element.
<h1> - eng katta o'lchamdagi sarlavha elementi.
<p> - paragraf elementi.

HTML elementlari nima ?

HTML elementlari, biror ma'lumotni o'z ichiga olgan ochiluvchi va yopiluvchi tegni bildiradi.

<tegnomi> Shu yerga biror ma'lumot kiritiladi </tegnomi>

<h1> Mening birinchi sarlavham </h1>

<p> Mening birinchi paragrafim </p>

Eslatma:

Ba'zi HTML elementlarida kontent bo'lmaydi (<br> elementi kabi) Bu elementlar bo'sh elementlar deyiladi. Bo'sh elementlarda yopiluvchi teg ham bo'lmaydi.

Veb brauzerlar

Veb-brauzerlar (Chrome, Safari, Firefox, Edge, Opera) HTML hujjatlarni o'qib, ulardagi ma'lumotni foydalanuvchiga to'g'rilab ko'rsatuvchi maxsus dasturlardir.

HTML sahifa strukturasi

Pastdagi suratda HTML sahifasining vizual strukturasi:

Eslatma: Brauzerda faqatgina <body> tegi ichidagi kontent (yuqorida turgan rasmdagi oq rangli qism) ko'rinadi. <title> elementi ichidagi kontent esa brauzerning tab qismida ko'rinadi.

HTML tarixi

PreviousBoshlash NextEditorlar

Last updated 9 months ago