W3SCHOOLS
  • Dasturlashni dunyodagi eng katta dasturchilar saytidan o'rganing
  • HTML
    • Boshlash
      • Tanishuv
      • Editorlar
      • Boshlang'ich
      • Elementlar
      • Atributlar
      • Headinglar
      • Paragraflar
      • Style
      • Formatlash
      • Iqtiboslar
      • Izohlar
      • Ranglar
        • RGB
        • HEX
        • HSL
      • CSS
      • Havolalar
        • Havola ranglari
        • Havola bookmarklari
      • Rasmlar
        • Rasmlar
        • Rasm xaritalari
        • Orqafon rasmlar
        • Picture elementi
      • Favicon
      • Sahifa sarlavhasi
      • Ro'yxatlar
        • Tartiblanmagan ro'yxat
        • Tartiblangan ro'yxat
        • Tarifli ro'yxatlar
      • Block & Inline
      • Div elementi
      • Klasslar
      • Semantika
  • CSS
    • CSS qo'llanma
      • CSS HOME
      • CSS Tanishuv
      • CSS Sintaksis
      • CSS Selektorlar
      • CSS qanday qo'shiladi
      • CSS Izohlar
      • CSS Ranglar
        • RGB
        • HEX
        • HSL
      • CSS Matn
        • Matn ranggi
        • Matn joylashuvi
        • Text decoration
        • Text transform
        • Matn oralig'i
        • Text shadow
      • CSS Backgroundlar
        • Background color
        • Background image
        • Background repeat
        • Background attachment
        • Background shorthand
    • CSS Borderlar
      • Chegara kengligi
      • Chegara rangi
      • Chegara tomonlari
      • Border qisqarmasi
      • Yumaloq chegaralar
    • CSS Marginlar
      • Margin collapse
    • CSS Padding
    • CSS Width/Height
Powered by GitBook
On this page
  • HTML o'zi nima ?
  • Oddiy HTML hujjat
  • Misol orqali tushuntirish
  • HTML elementlari nima ?
  • Veb brauzerlar
  • HTML tarixi
  1. HTML
  2. Boshlash

Tanishuv

PreviousBoshlashNextEditorlar

Last updated 1 year ago

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>

Ochiluvchi teg
Element kontenti
Yopiluvchi teg

<h1>

Mening birinchi sarlavham

</h1>

<p>

Mening birinchi paragrafim

</p>

<br>

Yozilmaydi

Yozilmaydi

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

1989

Tim Berners-Lee www-ni ixtiro qildi

1991

Tim Berners-Lee HTML-ni ixtiro qildi

1993

Dave Raggett HTML+ ni chiqardi

1995

HTML Working Group HTML 2.0L

1997

W3C tavsiyasi: HTML 3.2

1999

W3C tavsiyasi: HTML 4.01

2000

W3C tavsiyasi: XHTML 1.0

2008

WHATWG HTML5

2012

WHATWG HTML5 standartlari

2014

W3C tavsiyasi: HTML5

2016

W3C kandidat tavsiyasi: HTML5.1

2017

W3C tavsiyasi: HTML5.1 2-nashr

2017

W3C tavsiyasi: HTML5.2

W3Schools online HTML editor
Logo