Boshlang'ich
Bu bo'limda ba'zi boshlang'ich HTML misollarini ko'rsatamiz.
Agar biz, siz o'rganmagan teglardan foydalansak xavotir olmang.
HTML Hujjatlar
Barcha HTML hujjatlari hujjat turini belgilovchi <! DOCTYPE html> tegi bilan boshlanishi kerak.
HTML - hujjatning o'zi <html> bilan boshlanadi va </html> bilan tugaydi.
HTML hujjatdagi ma'lumotlarning brauzerda ko'rinadigan qismi <body> va </body> teglari orasida joylashadi.
<!DOCTYPE html>
<html>
<body>
<h1>Mening birinchi sarlavham</h1>
<p>Mening birinchi paragrafim</p>
</body>
</html><!DOCTYPE> deklaratsiyasi
<!DOCTYPE> deklaratsiyasi hujjat turini ifodalaydi, ya'ni brauzerga bu hujjat HTML5da yozilganligini bildiradi va brauzerlarga veb-sahifalarni to'g'ri ko'rsatishga yordam beradi.
U faqat bir marta, sahifaning yuqori qismida (barcha HTML teglaridan oldin) yozilishi kerak.
<!DOCTYPE> deklaratsiyasida harflarning katta-kichiklikligi ahamiyatsiz.
HTML5 uchun <!DOCTYPE> deklaratsiyasi:
HTML Sarlavhalar
HTML sarlavhalari <h1> tegidan <h6> teg-gacha ifodalaniladi.
<h1> muhim sarlavhalar uchun ishlatiladi, <h6> esa uncha muhim bo'lmagan sarlavhalar uchun ishlatiladi:
HTML paragraf
HTML paragraflari <p> tegi bilan ifodalanadi.
HTML havolalar
HTML havolalar <a> tegi bilan yaratiladi.
Havolaning qaysi manzilga yo'naltirilishi href atributida ko'rsatiladi.
Atributlar HTML elementlari haqida qo'shimcha ma'lumot berish uchun ishlatiladi.
Atributlar haqida keyingi darslarda ko'proq ma'lumot olasiz.
HTML Rasmlar
HTMLda rasmlar <img> tegi yordamida qo'shiladi.
Rasmning fayl joylashuvi src atributiga beriladi. Rasm haqida qisqacha ma'lumot alt attributida, rasmning kengligi width va eni height attributi yordamida amalga oshiriladi.
HTML manbalarini (source code-larni) qanday ko'rish mumkin ?
Biror bir veb-sahifaning html code-larini ko'rish uchun kompyuteringizdagi f12 tugmasini bosing.
Yoki bo'lmasam sichqonchaning o'ng tugmasini bosganingizda paydo bo'lgan menyudan "inspect" bo'limini tanlash orqali ko'rish mumkin.
Yana bir yo'li esa ctrl + shift + i yoki ctrl + shift + c tugmalarini bosgan holda ko'rish imkoniyatiga ega bo'lasiz.
Last updated