Sayt yaratish kodlari: HTML va CSS bilan birinchi sahifa

Bosqichma-bosqich qanday boshlash kerak?

01. HTML fayl yarating

Kompyuterda oddiy matn muharririni oching va faylni index.html deb saqlang. Fayl nomining oxirida .html kengaytmasi bo‘lishi muhim.

02. Sahifaga sarlavha va havola qo‘shing

<h1> sarlavha, <p> matn, <a> esa havola uchun ishlatiladi. Bu elementlar brauzerda ko‘rinadigan tarkibni tashkil qiladi.

03. CSS bilan dizayn bering

Rang, bo‘shliq va shriftni CSS uslublari orqali boshqarasiz. Quyidagi kodda uslublar bir faylning ichida yozilgan.

04. Brauzerda ochib sinang

Faylni Chrome yoki boshqa brauzerda oching. Bu faqat lokal sahifa: uni internetga chiqarish uchun hosting yoki nashr qilish platformasi kerak bo‘ladi.

Oddiy HTML sayt kodi

Quyidagi kodni index.html fayliga saqlang va brauzerda oching. example.com manzilini o‘zingizga tegishli manzil bilan almashtiring.

<!doctype html>
<html lang="uz">
<head>
  <meta charset="UTF-8">
  <title>Mening birinchi saytim</title>
  <style>
    body { font-family: Arial; padding: 40px; }
    a { background: #5267f5; color: white;
        padding: 12px; border-radius: 8px; }
  </style>
</head>
<body>
  <h1>Salom, bu mening saytim!</h1>
  <p>Xizmatlarimiz haqida bilib oling.</p>
  <a href="https://example.com">Bog‘lanish</a>
</body>
</html>

Muhim tavsiyalar

• Kod bilan yaratish moslashuvchan, ammo texnik ko‘nikma talab qiladi.
• HTML faylni ochish saytni avtomatik internetga joylamaydi.
• Brauzerda ko‘rish uchun .html kengaytmadan foydalaning.
• Kodsiz biznes vizitka kerak bo‘lsa, KVIZI FREE’dan boshlash mumkin.

Dasturlashni o‘rganayotgan bo‘lsangiz, birinchi maqsad sifatida shaxsiy portfoliongizni yasang. Biznes uchun bir necha daqiqada aloqa sahifasi kerak bo‘lsa, kod yozishdan ko‘ra tayyor konstruktor ancha sodda bo‘ladi.

Tez-tez so‘raladigan savollar

Mavzuga oid qo‘llanmalar