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
  • HTMLni Notepad yoki TextEdit yordamida o'rganamiz
  • 1-Qadam: Notepadni oching (PC)
  • 2-Qadam: Ba'zi HTML kodlarini yozing
  • 3-Qadam: HTML sahifani saqlash
  • 4-Qadam: Brauzeringiz orqali HTML sahifani ko'ring
  1. HTML
  2. Boshlash

Editorlar

Editor degani tahrirlovchi degani.

HTMLni Notepad yoki TextEdit yordamida o'rganamiz

Veb-sahifalarni yaratish uchun boshqa ko'p funksiyali murakkab matn tahrirlovchilaridan foydalanish mumkin.

Ammo, HTMLni o'rganishda oddiyroq Notepad (Windows) va TextEdit (Mac) kabi tahrirlovchilardan foydalanishingizni maslahat beramiz.

HTMLni o'rganishda oddiy matn muharrirlaridan foydalanish yaxshi usul ekanligiga ishonamiz.

Quyidagi qadamlar orqali Notepad yoki TextEdit bilan o‘zingizning birinchi veb sahifangizni yarating.

1-Qadam: Notepadni oching (PC)

Windows 8 yoki yangi versiyalarda:

Start Screen ni oching (Ekraningizning pastki chap qismida windows logotipi turgan qism). U yerga Netepad deb yozing.

Windows 7 yoki eski versiyalarda:

Start > Programs > Accessories > Notepad orqali oching.

2-Qadam: Ba'zi HTML kodlarini yozing

Quyidagi HTML kodni Notepadga yozing yoki nusxa oling.

<!DOCTYPE html>
<html>
<body>

<h1>Mening birinchi sarlavham</h1>

<p>Mening birinchi paragrafim</p>

</body>
</html>

3-Qadam: HTML sahifani saqlash

Faylni kompyuteringizga saqlang. Notepad menyusida File > Save as ni tanlang.

Fayl nomini "index.html" deb yozing va encoding turini UTF-8 deb belgilang.

Maslahat: .htm va .html fayl kengaytmalaridan foydalanishingiz mumkin. Bularning hech qanday farqi yo'q.

4-Qadam: Brauzeringiz orqali HTML sahifani ko'ring

HTML faylni bruzeringiz orqali ochib ko'ring (fayl ustiga 2 mara bosing yoki fayl usida sichqonchaning o'ng tugmasini bosib, u yerdan "Open with" ni tanlang).

Natija quyidagicha bo'ladi:

PreviousTanishuvNextBoshlang'ich

Last updated 1 year ago