ILM-FAN
|
Online darslar (Pullik)
|
Mavzu:
0 dan boshlab bepul HTML darslari
Mavzu fayllari
(0)
[b]Mahmudjon_BEST,[/b] Buni köp test qilganman. @ va mail.ru orasidagi probelni olib tashlang. Yana öxshamasa: sh/x. [b]1110dan so'ng qo'shdi...[/b] [b]HTML Sarlavhalari[/b] Sarlavhalar HTML dokumentlarining muhim qismi hisoblanadi. HTML Sarlavhalar Sarlavhalar <h1> dan <h6> gacha teglar bilan ba'yon qilinadi <h1> eng muhim, <h6> unchalik muhim bo'lmagan sarlavhalarni ba'yon qilish uchun ishlatiladi Namuna: <h1>Bu birinchi sarlavha.</h1><h2>Bu ikkinchi sarlavha.</h2><h3>Bu uchinchi sarlavha.</h3> Eslatma:Brauzerlar avtomatik ravishda har bir sarlavhadan oldin va keyin bo'sh joy qoldiradi. Sarlavhalar juda muhim HTML sarlavhalarini faqat sarlavhalar uchun ishlating. Matnni kattaroq yoki yirikroq qilish uchun ulardan foydalanmang. Qidiruv tizimlari sarlavhalarni veb sahifaning strukturasi va kontentini indekslash uchun ishlatadi. Foydalanuvchilar sizning sahifalaringizni sarlavhalar orqali tez ko'rib chiqishadi. Sarlavhalarni dokument strukturasini ko'rsatish uchun ishlatish juda muhim. h1 asosiy sarlavha bo'lishi kerak, uning ketidan h2 dagi sarlavhalar keladi, ularning ketidan h3 dagi sarlavhalar va hokazo. HTML da gorizontal chiziqlar <hr> tegi HTML sahifada gorizontal chiziq yasaydi hr elementi kontentni qismlarga ajratish uchun ishlatilishi mumkin. Namuna: <p>Bu birinchi paragaraf.</p><hr><p>Bu ikkinchi paragraf.</p><hr><p>Bu uchinchi paragraf.</p> <head> elementi <head> elementining HTML sarlavhalariga aloqasi yo'q <head> elementi o'z ichida "meta dаtа" ni saqlaydi. Meta dаtа ekraga chiqarilmaydi <head> elementi <html> va <body> teglari orasiga qoyiladi: Namuna: <html><head><title>Mening birinchi HTML faylim</title><metacharset="UTF-8"></head><body> ... ... ... </body> ... Meta dаtа bu ma'lumot haqidagi ma'lumot. HTML meta dаtа si HTML documenti haqidagi ma'lumot. <title> elementi <title> elementi meta dаtа hisoblanadi. U HTML dokumentning title ni ba'yon qiladi Title dokumentning ichida ekranga chiqmaydi, lekin brauzerning tab ida chiqarilishi mumkin. Boshqa meta elementlar HTML stillari haqidagi sahifamizda meta elementlar haqida ko'proq narsalarni bilib olasiz. <style> elementi ichki CSS stil sahifalarini ba'yon qilish uchun ishlatiladi. <link> elementi tashqi CSS stil sahifalarini ba'yon qilish uchun ishlatiladi. HTML manbasini ko'rish Juda chiroyli veb sahifani ko'rib o'zingizga "buni qanday qilishkan ekan ?" degan savolni berganmisiz ? Buni bilish uchun veb sahifada sichqonchaning o'ng tugmasini bosing va "View page source"(Chrome) yoki "View Source"(IE) ni tanlang. Boshqa brauzerlarda ham shunga o'xshash . Veb sahifaning HTML kodi yangi oynada ochiladi. HTML Teg Tavsiflari inLab.uz teg ta'vsiflari va ularning attributlari haqida qo'shimcha ma'lumot beradi. HTML teglari va ularning attributlari haqida keyingi sahifalarimizda ko'proq bilib olasiz. TegTavsifi <html>HTML dokumentni tasvirlaydi <body>Dokumentning asosiy qismini tasvirlaydi <head>Dokumentning bosh elementini tasvirlaydi <h1> dan <h6> gachaHTML sarlavhalarini tasvirlaydi <hr>Gorizontal chiziq chizadi [b]1117dan so'ng qo'shdi...[/b] [b]HTML Paragraflari[/b] HTML dokumentlar paragraflarga bo'linadi. HTML Paragraflar. <p>elementi paragrafni ba'yon qiladi. Namuna: <p>Bu birinchi paragraf.</p><p>Bu ikkinchi paragraf.</p> ... Brauzerlar avtomatik ravishda paragrafdan oldin va keyin bo'sh qator qoldiradi HTML ekran Brauzer HTML kodni ekranga qanday chiqarishini oldindan bila olmaysiz. Katta yoki kichik va o'lchami o'zgartirilgan oynalar har natijalarni ekranga chiqarishi mumkin. HTML kodga qo'shimcha bo'sh joylar va qatorlar qo'shish orqali ekranga chiquvchi natijani o'zgartira olmaysiz Sahifa ekranga chiqarilayotganda brauzer otriqcha bo'sh joylar va qatorlarni olib tashlaydi. Bo'sh joy va qatorlar qancha bo'lishidan qatiy nazar ularbitta bo'sh joydeb hisoblanadi. Namuna: <p>Ushbu pragraf ko'plab qatorlarni va bo'sh joylarni o'z ichiga oladi. Lekin brauzer ularni hisobga olmaydi. </p><p>Ushbu pragraf ko'plab qatorlarni va bo'sh joylarni o'z ichiga oladi. Lekin brauzer ularni hisobga olmaydi. </p> Yakun tegni esdan chiqarmang Brauzerlarning katta qismi yakun tegni ishdan chiqarsangiz ham HTML ekranga to'g'ri chiqaradi. Namuna: <p>Bu birinchi paragraf <p> Bu ikkinchi paragraf Yuqoridagi misol deyarli barcha brauzerlarda ishlaydi, lekin bunga ishonib qolmang. Yakun tegni esdan chiqarish kutilmagan natija va xatolarga olib kelishi mumkin. ... HTML ning XHTML kabi versiyalari yakun tegni qoldirib ketishga ruxsat bermaydi. Yangi qatorga o'tish. <br> elementi qator tugaganini bildiradi. <br> yangi paragraf boshlamasdan yangi qatorga o'tish imkonini beradi. Namuna: <p>Bu<br>qatorlarga<br>bo'lingan<br>paragraf</p> <br> elementi bo'sh HTML elementi hisoblanadi. U faqat bosh tegdan iborat. She'rlar muammosi Namuna: <p>Quyidagi she'r ekranga bitta qatorda chiqariladi.:</p><p>Quyosh chiqdi olamga , Yugurib bordim xolamga, Xola, xola kulcha ber, Xolam dedi o'tin ter. </p> <pre> elementi <pre> elementi oldindan formatlangan tekstni bayon qiladi. <pre> elementi ichidagi matn o'lchami belgilanga shriftda (odatda Courier) va bo'sh joylar va qatorlarni saqlagan holda ekranga chiqadi. Namuna: <pre>Quyosh chiqdi olamga , Yugurib bordim xolamga, Xola, xola kulcha ber, Xolam dedi o'tin ter. </pre> HTML Teg Tavsifi HTML elementlari va ularning attributlari haqida qo'shimcha ma'lumot TegTavsifi <p>Paragrafni bayon qiladi. <br>Qator tugaganligini bildiradi. <pre>Oldindan formatlangan matnni ba'yon qiladi.
Yuklab olish
Onlayn 166 (0/166)
Forumga a'zo bo'lish
Forumdan qidirish
Bosh sahifa