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

PreviousBoshlashNextEditorlar

Last updated