MohirDox

Ko'rinishi

HTML Muharrirlari ​

HTML ni o'rganish uchun oddiy matn muharriri yetarli.

Notepad yoki TextEdit yordamida HTML ni o'rganish ​

Veb sahifalarni professional HTML muharrirlari yordamida yaratish va o'zgartirish mumkin.

Biroq, HTML ni o'rganish uchun oddiy matn muharriri, masalan, Notepad (Kompyuter) yoki TextEdit (Mac) dan foydalanishni tavsiya qilamiz.

Oddiy matn muharriri yordamida HTML ni o'rganish yaxshi usul deb hisoblaymiz.

Quyidagi bosqichlarni bajaring va birinchi veb sahifangizni Notepad yoki TextEdit yordamida yarating.

1-bosqich: Notepad ni ochish (Kompyuter) ​

Windows 8 yoki undan keyin:
Start Screen (ekran pastki chap burchagidagi oynacha belgisi) ni oching. Notepad deb yozing.

Windows 7 yoki undan oldin:
Start > Programs > Accessories > Notepad ni oching.

1-bosqich: TextEdit ni ochish (Mac) ​

Finder > Applications > TextEdit ni oching.

Fayllarni to'g'ri saqlash uchun ba'zi sozlamalarni o'zgartiring.

Preferences > Format bo'limida "Plain Text" ni tanlang.

"Open and Save" bo'limida "Display HTML files as HTML code instead of formatted text" katakchasini belgilang.

Endi yangi hujjat oching va kodni joylashtiring.

2-bosqich: HTML kodini yozish ​

Quyidagi HTML kodni Notepad yoki TextEdit ga yozing yoki nusxa ko'chiring:

html
<!DOCTYPE html>
<html>
<body>

<h1>Mening Birinchi Sarlavham</h1>

<p>Mening birinchi paragrafim.</p>

</body>
</html>

Notepad skrinshoti

3-bosqich: HTML sahifani saqlash ​

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

Fayl nomini "index.htm" deb belgilang va kodlashni UTF-8 ga o'rnating (HTML fayllar uchun tavsiya etiladi).

Saqlash skrinshoti

TIP

Fayl kengaytmasi sifatida .htm yoki .html dan foydalanishingiz mumkin. Farqi yo'q; bu sizning tanlovingiz.

4-bosqich: HTML sahifani brauzerda ko'rish ​

Saqlangan HTML faylini sevimli brauzeringizda oching (faylni ikki marta bosing yoki o'ng tugmani bosib "Open with" ni tanlang).

Natija quyidagidek ko'rinadi:

Brauzerda ko'rish skrinshoti

W3Schools Onlayn Muharriri - "O'zingiz Sinab Ko'ring" ​

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

Kodlarni tezda sinab ko'rish uchun juda qulay. Rangli kodlash, kodni saqlash va boshqalar bilan bo'lishish imkoniyati mavjud:

Misol:

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

<h1>Bu Sarlavha</h1>
<p>Bu paragraf.</p>

</body>
</html>

"O'zingiz Sinab Ko'ring" tugmasini bosib, qanday ishlashini ko'ring.

W3Schools Spaces ​

Agar o'z veb-saytingizni yaratmoqchi va kodlaringizni onlayn saqlamoqchi bo'lsangiz, bizning bepul veb-sayt quruvchimiz - W3Schools Spaces dan foydalaning:

Spaces qanday ishlaydi

Hoziroq Boshlang!

TIP

Fayl kengaytmasi sifatida .htm yoki .html dan foydalanishingiz mumkin. Farqi yo'q; bu sizning tanlovingiz.