Dima Muratov (18 Apr 2019, 16:30): Brigand, Shu yozganlarizni amalda sinab yozib kurishim u/n Android telda denwer yoki shunga uxshash biror narsa bormi.
Dima Muratov, Albatta bor! Qulayrog'i AndroPHP.apk: !2872
Yoki http://xitwap.lark.ru/a/servis/a/html.html class="article-content">bu sahifada ham tekshirib körishingiz mumkin. 4297dan so'ng qo'shdi... Mahmudjon_BEST, </body> dan oldin
<div class="footer">UzMasterS.Ru-MasteR_ForuM@mail.ru</div>[/code] ni qöshib qöying böldi. Larkga import bölmaydigan böladi. Lekin boshqa konstruktor va hostinglarda import böladi. 42 sekunddan so'ng qo'shdi... HTML Elementlari
HTML dokumentlari HTML elementlaridan yasaladi.
HTML elementlari
HTML elementlariboshteg,yakunteg va ular orasidagi kontent bilan yoziladi
<tegnomi>kontent</tegnomi>
HTML elementiga bosh tegdan boshlab yakun tegigacha bo'lgan barcha narsa kiradi.
<p>Mening birinchi HTML paragrafim.</p>
Bosh tegKontentYakun teg
<h1>Mening birinchi sarlavham.</h1>
<p>Mening birinchi paragrafim.</p>
<br>
... Ba'zi HTML elementlari faqat bosh tegdan iborat
Ichki HTML elementlari
HTML elementlari ichki (element ichida element) bo'lishi mumkin
Barcha HTML dokumentlar ichki elementlardan tashkil topgan
Bu misol 4 ta HTML elementidan tashkil topgan:
<!DOCTYPE html><html><body><h1>Mening birinchi sarlavham</h1><p>Mening birinchi paragrafim.</p></body></html>
HTML tegining tushuntirilishi
<html> elementi butun dokumentni ba'yon qiladi.
U bosh teg <html> va yakun teg </html> ga ega.
Uning kontenti esa boshqa HTML elementi ( <body> elementi)
<html><body><h1>Mening birinchi sarlavham</h1><p>Mening birinchi paragrafim.</p></body></html>
<body> elementi dokumentning tana qismini ba'yon qiladi
U bosh teg <body> va yakun teg </body> ga ega.
<body> elementining kontenti esa boshqa ikkita elementdan iborat (<h1> and <p>).
<body><h1>Mening birinchi sarlavham</h1><p>Mening birinchi paragrafim.</p></body>
<h1> elementi sarlavhani ba'yon qiladi
U bosh teg <h1> va yakun teg </h1> ga ega.
Elementning kontenti : Mening birinchi sarlavham
<h1>Mening birinchi sarlavham</h1>
<p> elementi paragrafni ba'yon qiladi.
U bosh teg <p> va yakun teg </p> ga ega.
Elementning kontenti: Mening birinchi paragrafim.
<p>Mening birinchi paragrafim.</p>
Yakun tegini esdan chiqarmang
Agar siz bundanda yaxshiroq va qattiyroq tekshiruvni hohlasangiz va sahifangiz XML orqali osonroq parse bolishini hohlasangiz doimiy ravishda teglarni yopishni unitmang. Bu albatta kelajakdagi muammolar oldini oladi. HTML elementlari yakun tegini esdan chiqarsangiz ham to'g'ri ishlaydi.
<html><body><p>Mening paragrafim
<p>Mening a paragrafim
</body></html>
Yuqoridagi misol barcha brauzerlarda ishlaydi, chunki yakun tegi ixtiyoriy hisoblanadi.
Hech qachon bunga tayanmang. Chunki yakun tegini esdan chiqarsangiz kutilmagan natijalar va hatolarga olib kelishi mumkin.
Bo'sh HTML elementlari
Kontentsiz HTML elementlari bo'sh elementlar deyiladi.
<br> yakun tegsiz element ( <br> elementi qator tugaganini bildiradi)
Bo'sh elementlar quyidagi teg dek yopilishi mumkin : <br />
HTML5 elementlarning yopilishini talab qilmaydi. tAgar siz bundanda yaxshiroq va qattiyroq tekshiruvni hohlasangiz va sahifangiz XML orqali osonroq parse bolishini hohlasangiz doimiy ravishda teglarni yopishni unitmang. Bu albatta kelajakdagi muammolar oldini oladi. elements.
Kichik Harfdagi Teglarni Ishlating.
HTML teglari kichik va katta harflarni farqiga bormaydi: <P> va <p> bitta narsani bildiradi
HTML5 standartlari kichik harfdagi teglarni talab qilmaydi, lekin W3C HTML4 da kichik harfdagi teglarni maslahat beradi, XHTML kabi dokument turlarida talab qiladi. 2165dan so'ng qo'shdi...
Xudo hoxlasa HTML dan söng CSS, jаvаsсriрt, PHP, MySQL darslarini joylayman!
Brigand, <div class="footer"> sobirjonovmahmudjon@gmail.com</div> qilib qo'ydim, lekn o'xshamadi . http://vorzakon.lark.ru/index.html ni qarang , huddi aytganizdek qo'shdim lekn sahifada chiqib qoldiku.
Mahmudjon_BEST,@gmail.com emas @mail.ru qiling. Shunda öxshaydi. 10644dan so'ng qo'shdi... HTML Atributlari
Atributlar HTML elementlari haqida qo'shimcha ma'lumot beradi.
HTML Atributlari
*.HTML elementlariatributlargaega bo'lishi mumkin
*.Atributlar HTML elementlari haqidaqo'shimcha ma'lumotberadi
*.Atributlar har doimbosh(body) tegi ichidakeladi.
*.Atributlar nom va qiymat juftligida ishlatiladi:nom="qiymat"
lang Atributi
Dokumentning tilini <html> tegi ichida ba'yon qilish mumkin
Til lang atributi ichida ba'yon qilinadi
Dokumentning tilini kiritib o'tish foydalanuvchi qurilma dasturlar va qidiruv tizimlari yaxshi ishlashini ta'minlaydi:
<!DOCTYPE html><htmllang="en-US"><body><h1>Mening birinchi sarlavham.</h1><p>Mening birinchi paragrafim.</p></body></html>
Birinchi ikkita harf tilni aniqlaydi (uz). Agar dialekt mavjud bo'lsa yana ikkita harf ishlatiladi (en-US yoki en-UK).
Title (sarlavha) atributi
HTML paragraflari <p> tegi blan ba'yon qilinadi
Quyidagi misolda<p>elementititleatributiga ega. Atributning qiymati"UzMasterS.Ru haqida":
<ptitle="UzMasterS.Ru haqida">UzMasterS.Ru veb developerlar sayti.
U HTML, CSS, jаvаsсriрt, XML, SQL, PHP, ASP va veb dasturlashning
boshqa jabhalarini qamrovchi qo'llanmalarni taqdim qiladi.
</p>
... Sichqonchani element ustiga olib kelsangiz title atributining qiymati "tooltip" ning ichida ekranga chiqadi.
href Atributi
HTML havolalari(link)<a>tegi bilan ba'yon qilinadi. Havolalarning manzillarihrefatributida beriladi
<ahref=" http://www.UzMasterS.Ru">Bu havola</a>
Havolalar(link) va <a> tegi haqida keyingi sahifalarimizda ko'proq narsalarni o'rganib olasiz
O'lcham atributlari
HTML rasmlar<img>tegi blan ba'yon qilinadi
Manbaning (src) fayl nomi, va rasmning o'lchamlari (widthvaheight) atributlar ko'rinishida beriladi
<imgsrc="UzMasterS.Ru.png"width="200"height="50">
Rasmning o'lchami piksellarda beriladi: width="104" rasmning eni 104 pikselga tengligini bildiradi.
Rasmlar va <img> tegi haqida to'liq ma'lumotni keyingi sahifalarimizda o'rganib olasiz
alt Atributi
Alt atributi HTML elementini ekranga chiqarish imkoni mavjud bo'lmaganda ekranga chiqaraladigan alternativ tekstni ba'yon qiladi.
Atribut qiymati screen readerla orqali o'qilishi mumkin. Bu esa o'z navbatida ko'r insonlar uchun element qiymatini eshitish imkonini beradi.
<imgsrc="UzMasterS.Ru.jpg"alt="UzMasterS.Ru"width="104"height="104">
Har doim kichik harfdagi atributlarni ishlatishni maslahat beramiz
HTML5 standartlari kichik harfdagi atribut nomlarini talab qilmaydi
title atributi Title yoki TITLE ko'rinishida ham yozilishi mumkin
Biz HTML4 da kichik harflarni ishlatishni maslahat beramiz, XHTML kabi talabchan dokument turlari esa kichik harflarni ishlatishni talab qiladi.
... Kichik harf eng keng tarqalgan hisoblanadi, unda yozish onsonroq. inLab jamoasi atributlar nomlari uchun kichik harflardan foydalanish maslahat beradi chunki bu keyinchalik qulayliklar yaratdi
Atributlarning qiymatlarini doim qo'shtirnoqlar ichida yozishni maslahat beramiz
HTML5 standartlari atributlarning qiymatlarini qo'shtirnoqqa olishni talab qilmaydi
Yuqorida ko'rsatilgan href atributi, quyidagidek yozilishi mumkin:
<ahref=http:// www.UzMasterS.Ru>Bu link</a>
inLab HTML4 da qo'shtirnoqlarni ishlatishni maslahat beradi, XHTML kabi talabchan dokument turlarida esa qo'shtirnoqlarni ishlatishni talab qiladi
Ba'zida qo'shtiqnoqlarni ishlatish zarur. Quyidagi namuna to'g'ri natijani chiqarmaydi, chunki atributning qiymatida bo'shliq (probel) bor
<ptitle=UzMasterS.Ruhaqida>
... Qo'shtirnoqlarni ishlatich juda keng tarqalgan. Ularni ishlatmaslik xatolarni kelitirib chiqarishi mumkin. UzMasterS.Ru da biz har doim qo'shtirnoqlardan foydalanamiz.
Yakka yoki juft qo'shtirnoqlar?
HTML da juft qo'shtirnoqlar ko'proq ishlatiladi, lekin yakka qo'shtirnoqlarni ishlatish mumkin.
Artibutning qiymatida juft qo'shtirnoq ishlatilgan bo'lsa yakka qo'shtirnoqni ishlatish zarur.
<ptitle='Brigand is "GooD" CodeR'>
va aksincha:
<ptitle="Brigand is 'GooD' CodeR">
Sahifa xulosalari:
*. Barcha HTML elementlari atributlarga ega bo'lishi mumkin
*. title atributi "tool-tip" da qo'shimcha ma'lumot beradi
*. href atributi havolalarning manzilini berish uchun ishlatiladi
*. width va height atributlari rasm o'lchamlari haqida ma'lumot beradi
*. alt attrbuti "screen reader" larga tekstni beradi
*. UzMasterS.Ruda HTML atributlari nomlarini kichik harflard yozamiz.
*. UzMasterS.Ruda atributlarning qiymatlarini juft qo'shtirnoqlar ichida yozamiz.
HTML atributlari
atributTavsifi
altRasm uchun alternativ mattni ba'yon qiladi
disabledKiritilgan element o'chiq bo'lishini ba'yon qiladi.
hrefHavolaning manzili (URL) ni ba'yon qiladi.
idElementga yagona id beradi.
srcRasmning manzili (URL) ni ba'yon qiladi.
11.Mahmudjon_BEST(533)[off]
| TXT | 42| 18 Apr 2019, 20:10
Brigand, Baribir o'xshamadiku, bironta lark.ru dagi saytizda test qilib ko'rib anig'ini etolasmi do'stim?!
Mahmudjon_BEST (18 Apr 2019, 20:10): Brigand, Baribir o'xshamadiku, bironta lark.ru dagi saytizda test qilib ko'rib anig'ini etolasmi do'stim?!
Mahmudjon_BEST, Buni köp test qilganman. @ va mail.ru orasidagi probelni olib tashlang. Yana öxshamasa: sh/x. 1110dan so'ng qo'shdi... HTML Sarlavhalari
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 1117dan so'ng qo'shdi... HTML Paragraflari
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.
RM_FANAT (18 Apr 2019, 23:57): Brigand, Salom, siz 9-sinfda o'qiysizmi?
RM_FANAT, Hayrli tong. Ha, shunday! 13 soatdan so'ng qo'shdi... HTML Uslublari
HTMLda Uslub Atributlari
HTML elementlariga uslublar o'rnatish "style" atributi bilan amalga oshirish mumkin
HTML uslublar atributi quyidagi sintaksisga ega
style = "property:value;"
"property" CSS hususiyati, "value" esa CSS qiymati hisoblanadi
... CSS haqida ko'proq malumot keyingi sahifalarda
HTML Orqa Fon Rangi
background-colorxususiyati sahifani orqa foni rangini o'zgartirisha ishlatiladi. Namuna uchun quyidagi kod sahifani orqa fonini "lightgrey" yani och kulrang ga o'zgartiradi
Namuna:
<bodystyle = "background-color:lightgrey;"><h1> Bu sarlavha </ h1><p> Bu paragraf </p></body>
HTML Matn Rangi
Html da matn rangini o'zgartirish uchuncolorhususiyatidan foydalaniladi
Namuna:
<h1style = "color:blue;"> Bu sarlavha </h1><pstyle = "color:red;">. Bu paragraf </ p>
HTML Shriftlari
Html da matn/so'zlarning shrift/formatini o'zgartirish uchunfont-familyhususiyatidan foydalaniladi
Namuna:
<h1style = "font-family:verdana;"> Bu sarlavha </ h1><pstyle = "font-family:courier;">. Bu paragraf</ p>
HTML Matn O'lchami
html matn o'lchamini o'zgartirish uchunfont-sizehususiyatidan foydalaniladi
Namuna:
<h1style = "font-size:300%;"> Bu sarlavhali </ h1><pstyle = "font-size:160%;">. Bu band bo'ladi </p>
HTML Matn Joylashtirish
htmlda matnni sahifaga joylashtirishda(o'nga, chapga surishda)text-alignxususiyati ishlatiladi
Namuna:
<h1style = "text-align:center;"> Markaziy sarlavha</ h1><p> Bu paragraf bo'ladi. </ p>
Ushbu sahifada siz
*.styleatributidan foydalanishni
*.background-coloryordamida orqa fonni o'zgartirishni
*.coloryordamida matnni rangini o'zgartirishni
*.font-familyyordamida matn shrift/formatini o'zgartirishni
*.font-sizeyordamida matn o'lchamini o'zgartirish
*.text-alignyordamida matn ni sahifaga joylashtirishni
o'zlashtirdingiz!!!
47| 18 Apr 2019, 17:51.gif)
. 
(1035) 
Onlayn 189 (0/189)
Forumga a'zo bo'lish
Forumdan qidirish
Bosh sahifa