Veb-sayt yaratish va ko‘rish
Kompyuteringizda veb-sahifa yaratish va uni ko‘rishni o‘rganing.
1-qadam: Notepad’ni oching (PC)
Windows 8 yoki undan keyingi versiyalar:
Ekraningizning pastki chap burchagidagi oyna belgisini bosib, Start Screenni oching. Notepad deb yozing.
Windows 7 yoki undan oldingi versiyalar:
Oching: Start > Programs > Accessories > Notepad
1-qadam: TextEdit’ni oching (Mac)
Oching: Finder > Applications > TextEdit
Ilova fayllarni to‘g‘ri saqlashi uchun ba’zi sozlamalarni ham o‘zgartiring. Menyuda Preferences > Format > bo‘limida "Plain Text" variantini tanlang
So‘ng "Open and Save" bo‘limida "Display HTML files as HTML code instead of formatted text" (HTML fayllarni formatlangan matn o‘rniga HTML kod sifatida ko‘rsatish) katakchasini belgilang.
So‘ng kodni joylashtirish uchun yangi hujjat oching.
2-qadam: biroz HTML yozing
Quyidagi HTML kodni Notepad’ga yozing yoki nusxalab qo‘ying:
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
3-qadam: HTML sahifani saqlang
Faylni kompyuteringizga saqlang. Notepad menyusida File > Save as bandini tanlang.
Faylga "index.htm" deb nom bering va kodlashni UTF-8 ga o‘rnating (HTML fayllar uchun afzal ko‘riladigan kodlash).
Maslahat: Fayl kengaytmasi sifatida .htm yoki .html dan foydalanishingiz mumkin. Hech qanday farqi yo‘q — tanlov sizda.
4-qadam: HTML sahifani brauzeringizda ko‘ring
Saqlangan HTML faylni sevimli brauzeringizda oching (fayl ustida ikki marta bosing yoki sichqonchaning o‘ng tugmasini bosib, "Open with" bandini tanlang).
Natija taxminan shunday ko‘rinadi:
W3Schools onlayn muharriri — "O‘zingiz sinab ko‘ring"
Bepul onlayn muharririmiz yordamida HTML kodni tahrirlab, natijani brauzeringizda ko‘rishingiz mumkin.
Bu kodni tezda sinab ko‘rmoqchi bo‘lganingizda ideal vosita. Unda kodni ranglab ko‘rsatish hamda kodni saqlash va boshqalar bilan ulashish 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 »
Qanday ishlashini ko‘rish uchun "O‘zingiz sinab ko‘ring" tugmasini bosing.
W3Schools Spaces
W3Schools Spaces
Kerakli hamma narsa to‘g‘ridan-to‘g‘ri brauzerda. Undan foydalanish oson — sinab ko‘ring!
Bepul boshlang
W3Schools Pathfinder
Yutuqlaringizni kuzating – bu bepul!