HTML muharrirlari


HTMLni o‘rganish uchun sizga oddiy matn muharriri kifoya.


ULASHISH

Notepad yoki TextEdit yordamida HTML o‘rganish

Veb-sahifalar professional HTML muharrirlari yordamida yaratilishi va o‘zgartirilishi mumkin.

Biroq, HTMLni o‘rganish uchun biz Notepad (PC) yoki TextEdit (Mac) kabi oddiy matn muharririni tavsiya qilamiz.

Oddiy matn muharriridan foydalanish HTMLni o‘rganishning yaxshi usuli deb hisoblaymiz.

Notepad yoki TextEdit yordamida birinchi veb-sahifangizni yaratish uchun quyidagi qadamlarga amal qiling.


1-qadam: Notepad’ni ochish (Windows)

Windows 8 yoki undan keyingi versiyalar:

Start ekranini oching (ekranning chap pastki burchagidagi oyna belgisi). Notepad deb yozing.

Windows 7 yoki undan oldingi versiyalar:

Start > Programs > Accessories > Notepad yo‘li orqali Notepad dasturini oching


1-qadam: TextEdit’ni ochish (Mac)

Finder > Applications > TextEdit ni oching

Shuningdek, ilova fayllarni to‘g‘ri saqlashi uchun ba’zi sozlamalarni o‘zgartiring. Preferences > Format > da "Plain Text" ni tanlang

Keyin "Open and Save" bo‘limida "Display HTML files as HTML code instead of formatted text" deb yozilgan katakchani belgilang.

So‘ngra kodni joylashtirish uchun yangi hujjat oching.


2-qadam: HTML kodini yozish

Quyidagi HTML kodini Notepad ga yozing yoki nusxalab oling:

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>

Notepad



3-qadam: HTML sahifasini saqlash

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

Faylga "index.htm" nomini bering va kodlashni UTF-8 ga sozlang (bu HTML fayllari uchun afzal ko‘rilgan kodlash).

View in Browser

Maslahat: fayl kengaytmasi sifatida .htm yoki .html dan foydalanishingiz mumkin. Ular orasida farq yo‘q, tanlash o‘zingizga bog‘liq.


4-qadam: HTML sahifasini brauzerda ko‘rish

Saqlangan HTML faylini o‘zingiz yoqtirgan brauzerda oching (faylni ikki marta bosing yoki sichqonchaning o‘ng tugmasini bosib, "Open with" bandini tanlang).

Natija quyidagiga juda o‘xshash ko‘rinadi:

View in Browser


W3Schools online muharriri — "O‘zingiz sinab ko‘ring"

Bizning bepul onlayn muharririmiz yordamida HTML kodini tahrirlashingiz va natijani brauzeringizda ko‘rishingiz mumkin.

Bu kodni tez sinamoqchi bo‘lganingizda mukammal vositadir. Unda rangli kodlash hamda kodni saqlash va boshqalar bilan bo‘lishish imkoniyati ham bor:

Misol

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>

</body>
</html>
O‘zingiz sinab ko‘ring »

Uning qanday ishlashini ko‘rish uchun "O‘zingiz sinab ko‘ring" tugmasini bosing.


W3Schools Spaces

O‘z veb-saytingizni yaratib, kodingizni onlayn saqlamoqchi bo‘lsangiz, W3schools Spaces nomli sayt yaratish vositamizni sinab ko‘ring:

W3Schools Spaces

W3Schools Spaces

Sizga kerak bo‘lgan barcha imkoniyatlar bevosita brauzerda.

Hoziroq boshlang



Video: HTML muharrirlari

Tutorial on YouTube
Tutorial on YouTube

W3Schools Pathfinder

Yutuqlaringizni kuzating – bu bepul!