HTML › Rōyhat'lar / List

dl › dt › dd: teg-lar...

Misol:
<dl>
<dt>HTML:</dt>
<dd>head, body, header, section, nav... </dd><br>
<dt>CSS:</dt>
<dd>background, margin, padding, width, height...</dd><br>
<dt>JavaScript:</dt>
<dd>var, document.write , alert, function, confirm...</dd><br>
</dl>

============

HTML - List: ul › li: teg-lar...

style="list-style: disc"
style="list-style: circle"
style="list-style: square"
style="list-style: none"

<!--Standart xolat...-->
<ul>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ul>

<!--Style xolatlar...-->
<ul style="list-style: disc">
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ul>

<ul style="list-style: circle">
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ul>

<ul style="list-style: square">
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ul>

<ul style="list-style: none">
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ul>

==========

List'larni ichiga yana list ochsayz'ham bōladi...

Misol:
<ul style="list-style: square;">
<li>HTML</li>
<li>CSS
<ul>
<li>background: color, image, postion...</li>
<li>margin: top, right, bottom, left...</li>
</ul>
</li>
<li>JavaScript</li>
</ul>

============

HTML - List: › lo › li ≥

type="1"
type="A"
type="a"
type="I"
type="i"

<!--Standart xolati...-->
<ol>
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ol>

<ol type="1">
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ol>

<ol type="A">
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ol>

<ol type="a">
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ol>

<ol type="I">
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ol>

<ol type="i">
<li>HTML</li>
<li>CSS</li>
<li>JavaScript</li>
</ol>

@w3_uz › #html › #list

HTML › Jadval uchun maxsus kodlar ≥

table › jadvallarni õz ichida oladi...
tr, thead, th › jadvalni tepa qismi...
tr, tbody, td › jadvalni asosiy yoki tana qismi....
tr, tfoot, td › jadvalni past qismi...
caption › jadvalni sarlavha qismi...
colspan › jadvalarni gorizontallni / tepa qismidan õz ichida oladi...
rowspan › jadvalarni vertikallni / past qismidan õz ichida oladi...

==============

<table>
...
...
...
</table>

==============

Jadvalni oddiy xolati ≥

<table>
<caption>Jadvalni oddiy xolati...</caption>
<tr>
<thead>
<th>Familya</th>
<th>Ism</th>
<th>Manzil</th>
</thead>
</tr>
<tr>
<tbody>
<td>Sindorov</td>
<td>Akmal</td>
<td>Kattaqurĝon shaxar</td>
</tbody>
</tr>
</table>

==============

Jadvalni keng-ligi sozlash ≥

style="width:100%" › 80% › 60% › 40%... - xoxlagandak kengaytirish...

Misol:
<table style="width:100%">
<caption>caption › jadvalni sarlavha qismi...</caption>
<tr>
<thead>
<th>Familya</th>
<th>Ism</th>
<th>Manzil</th>
</thead>
</tr>
<tr>
<tbody>
<td>Sindorov</td>
<td>Akmal</td>
<td>Kattaqurĝon shaxar</td>
</tbody>
</tr>
</table>

==============

Caption › jadvalni sarlavha qismi ≥

Misol:
<table style="width:100%">
<caption>caption › jadvalni sarlavha qismi...</caption>
<tr>
<thead>
<th>Familya</th>
<th>Ism</th>
<th>Telegram</th>
</thead>
</tr>
<tr>
<tbody>
<td>Sindorov</td>
<td>Akmal</td>
<td>t.me/w3_uz</td>
</tbody>
</tr>
</table>

==============

Colspan › jadvalarni gorizontallni / tepa qismidan õz ichida oladi...

Misol:
<table style="width:100%">
<caption>th › clospan</caption>
<tr>
<thead>
<th>Nomi</th>
<th colspan="4">Telefon'ni</th>
<th colspan="1">Telegram</th>
</thead>
</tr>
<tr>
<tbody>
<td>Akmal</td>
<td>+91 123 45 67</td>
<td>+93 123 45 67</td>
<td>+97 123 45 67</td>
<td>+99 123 45 67</td>
<td>t.me/w3_uz</td>
</tbody>
</tr>
</table>

==============

Rowspan › jadvalarni vertikallni / past qismidan õz ichida oladi...

Misol:
<table style="width:100%">
<caption>td › rowspan</caption>
<tr>
<th>Telegram:</th>
<td>t.me/w3_uz</td>
</tr>
<tr>
<th rowspan="4">Telefon'ni:</th>
<td>+93 123 45 67</td>
</tr>
<tr>
<td>+91 123 45 67</td>
</tr>
<tr>
<td>+97 123 45 67</td>
</tr>
<tr>
<td>+99 123 45 67</td>
</tr>
</table>

@w3_uz › #html › #table

@w3_uz › #css › #border_style

FTTх - tеxnologiyasi haqida ≥

FTTx - Fiber To The X (Optik tolalidan to…) - tushunchasi, ulanish tarmog‘iga kabеlli infrastrukturalarni tashkil etishga umumiy yondashuvning ta’rifi bo‘lib, aloqa bog‘lamasidan ma’lum bir bеlgilangan joygacha («x» nuqtasi) optik tola orqali yеtib boradi, kеyin esa abonеntga - misdan ishlangan kabеl (boshqa variantlari ham bo‘lishi mumkin, ular orqali optik tola bеvosita abonеnt qurilmasiga qadar o‘tkazib bеriladi). FTTx uzluksiz yangi xizmatlarning katta qismi imkoniyatlari bilan bog‘liq bo‘ladi.

FTTx oilasiga arxitеkturaning turli shakllari kiradi ≥
FTTN (Fiber to the Node): tarmoq bog‘lamasiga qadar tolali;
FTTC (Fiber to the Curb): mikrorayon, daha yoki uylar guruhiga qadar tolali;
FTTB (Fiber to the Building): binoga qadar tolali;
FTTH (Fiber to the Home): turar-joy (xonadon yoki alohida kottеj)ga qadar tolali.
Ular asosan, optik kabеl foydalanuvchining tеrminaliga qanchalik yaqinligiga ko‘ra farq qiladi.

FTTB arxitеkturasi eng ko‘p tarqalganligining sababi FTTx tarmog‘i qurilishida Ethernet (ЕTTx) bazasida ko‘pincha yagona tеxnik jihatdan amalga oshirilishi mumkin bo‘lgan sxеma hisoblanadi. Bundan tashqari, FTTB tarmog‘idan foydalanishning opеratsion xarajatlari past bo‘lib, o‘tkazish qobiliyati esa yuqoridir. FTTB arxitеkturasi yangi qurilgan uylar va yirik aloqa opеratorlarida dominant hisoblanadi, FTTHga ehtiyoj yangi kam qavatli qurilishlardagina mavjud. Birinchi navbatda, bu FTTC/FTTB tarmog‘i narxining tarmoq narxiga nisbatan yuqoriligi, foydalanuvchi uchun o‘tkazish polosasida ustunligi mavjud emasligi bilan bog‘liq.

================

ADSL tеxnologiyasi haqida ≥

Bugungi kunga kеlib, bu Intеrnеtga ulanishning eng kеng tarqalgan usulidir. Uning ommaviyligi ko‘p jihatdan ulanish oddiyligi bilan tushuntiriladi: ulanishni tashkil qilish uchun shunchaki, uyda tеlеfon tarmog‘iga ega bo‘lish va modеm sotib olish kеrak.

xDSL - bu uzatish muhiti sifatida mavjud tеlеfon kabеllari mis juftliklari tizimidan foydalanish bilan «raqamli abonеnt liniyalarini» - DSL (Digital Subscriber Line) tashkil etish uchun mo‘ljallangan tеxnologiyalar turkumi, yuqori tеzlikda (50 Mbit/sеkundgacha) ulanishni ta’minlaydi.

xDSL tеxnologiyalarining asosiy ustunligi abonеnt tеlеfon liniyasini modеrnizatsiyalashtirishsiz mis tеlеfon simlari juftliklari bo‘yicha ma’lumotlarni uzatish tеzligini ancha oshirish mumkinligi hisoblanadi. Natijada abonеnt tеlеfon aloqasi odatiy ishlashi saqlanib qolgan holda kunu-tun davomida Intеrnеt tarmog‘idan yuqori tеzlikda foydalanish imkoniga ega bo‘ladi.

ADSL (Asymmetric Digital Subscriber Line) - «Asimmеtrik raqamli abonеnt liniyasi» (assimеtrik ulanish), abonеntga 2 Mbit/sеkunddan ortiq tеzlik imkoniyati bilan katta hajmda axborotlarni qabul qilish (kirish kanalining o‘tkazish qobiliyati - 64Kbit/s. dan to 50 Mb/s.) va abonеntdan kichik oqimlar, asosan so‘rovlar va buyruqlar bеrilishi (chiqish kanalining o‘tkazish qobiliyati - 64Kbit/s. dan to 1 Mbit/s.) imkonini bеradi.

ADSL tеxnologiyasi bo‘yicha yuqori tеzlikdagi Intеrnеt asosiy ko‘rsatkichlari:

Katta hajmdagi axborotlarni qabul qilish imkonini bеruvchi doimiy, ishonchli yuqori tеzlikdagi ulanish;
Intеrnеt tarmog‘ida ishlash paytida tеlеfon liniyasidan foydalanish imkoniyati;
Alohida kompyutеr uchun hamda kompyutеr tarmog‘i uchun ham Intеrnеtga ulanishni tashkil qilish imkoniyati.

================

FTTB - tеxnologiyasi haqida ≥

FTTB (Fiber-To-The-Building) ingliz tilidan tog’ridan to’g’ri tarjima qilinganda “binoga optika”ma’nosini beradi, aslida es, mis kabellarining o’rniga optik kabellardan foydalanish usulini anglatadi. Mis kabellar ADSL texnologiyasi orqali telefon va internetdan foydalanish uchun ishlatiladi, lekin ular yuqori tezlikdagi internetdan foydalanish imkonini bermaydi, shuning bilan birga shovqinga qarshi himoya ko’rsatkichi pastdir. Shuning uchun asosiy kuch ATT ga qaratilganligi uchun sizning internetingiz tezligi ancha past bo’lishi mumkin.

Optik kabel shunisi bilan farq qiladiki, bittadan kabel orqali ham telefon ham internet va kabel televidinyaga ulanish mumkin: optik kabellarning o’tkazu

vchanligi bunday yuklamalarga bemalol bardosh bera oladi.

FTTB texnologiyasi abonentlarga nima beradi?

Ishonchli aloqa.
Agar kabelga zarar yetmagan bo’lsa, internet tarifingiz tezligi bo’yicha ishlaydi.

Yuqori tezlikdagi Internet.
FTTB texnologiyasi yuboriladigan ma’lumotlar ko’lamini sezilarli darajada oshirish imkonini beradi. FTTB texnologiyasi orqali internetga ulanish tezligi faqatgina tarif rejangizga asosan chegaralanishi mumkin. Bundan tashqari FTTB texnologiyasi abonentlarga yana bir afzallik taqdim etadi – bu simmetrik kanal. ADSL texnologiyasini qo’llanish jarayonida chiquvchi kanal (abonent tomonidan yuboriluvchi ma’lumot) tezligi kiruvchi kanal tezligidan ancha pastroq bo’ladi, bu esa doimiy ravishda internet orqali fayllar almashadigan yoki internetga videoroliklarni joylaydiganlar uchun ancha noqulayliklar tug’diradi. FTTB ning simmetrik kanali kiruvchi va chiquvchi kanallar uchun bir xil tezlikda ishlaydi. Bundan tashqari, sinxron tarmog’i uydan turib o’yin va veb-serverlarni joylashtirish imkonini beradi. Buning uchun xosting kompaniyalarga serverga ma’lumot joylashtirganlik uchun to’lov qilish shart bo’lmaydi

«TEXNOPROSISTEM» MCHJ ning ichki resurslariga yanada yuqori tezlikda kirish imkoniyati.
«TEXNOPROSISTEM» MCHJ taqdim qilgan FTTB texnologiyasidan foydalanuvchi barcha abonentlar uchun ichki resurslarga kirish tezligi ADSL texnologiyasiga qaraganda ancha yuqori. Ichki kontent saytlarda abonentlar uchun ulkan hajmdagi va turfa xildagi raqamli kontentlar mavjud: musiqa, filmlar, o’yinlar, soft va boshqalar.

Modem sotib olish va sozlashga ehtiyojning yo’qligi.
«TEXNOPROSISTEM» MCHJ dan FTTB texnologiyasiorqali internetga ulanish jarayonida, kompaniyaning mutaxassislari kabelni xonadoninggizga olib kelib to’g’ridan-to’g’ri kompyuteringizga ulab berishadi. Internetga ulanish uchun kabelni tarmoq portiga ulashning o’zi kifoya qiladi. Modem kabi qo’shimcha jihozlarni sotib olishga ehtiyoj qolmaydi.  

================

GPON - tеxnologiyasi haqida ≥

GPON (ingl. Gigabit Passive Optical Network - gigabit passiv optik tarmoq) - 1 Gb/sgacha o'tkazish qobiliyatiga ega 1 ta optik tolali kabel orqali yuqori tezlikdagi Internet, HD interaktiv televidenie va telefiniyaga ulanish imkonini beruvchi innovatsion texnologiya. 

GPON texnologiyasi qayerda qo'llaniladi?

Telekommunikatsiya tarmoqlarini rivojlantirish rejasiga muvofiq, GPON texnologiyasini o'rnatish ustuvorligi xususiy sektor uylariga beriladi. Chunki kabel uning texnik imkoniyati bo'yicha mahalla uchun eng maqbuldir, avvallari mahallalarda yuqori tezlikdagi Internetni o'tkazish imkoniyati bo'lmagani uchun, Internet u yerda o'tkazish qobiliyati past bo'lgan oddiy telefon tarmog'i orqali ulanar edi.

GPON-ni qanday ulash mumkin?

Eng yaqin xizmat ko'rsatish va savdo ofisiga murojaat qilish kerak.

GPON texnologiyasiga ulanish uchun abonentga ONT (Optical Network Terminal) modemi o'rnatiladi, buning natijasida barcha xizmatlarning kelgusida ulanishlari masofadan turib va bir qurilmada amalga oshiriladi. Modem Wi-Fi tarmog'iga ega, bu sizga har qanday qurilmadan simsiz ulanish imkonini beradi.

2018 yil 1 fevraldan boshlab UZTELECOM butun 2018 yil mobaynida amal qiluvchi AKSIYA e'lon qildi. Aksiya dpirasida GPON texnologiyasiga ulanib, bonus sifatida splitterdan yakuniy qurilmagacha 100 m kabelga ega bo'lishingiz mumkin.  

@w3_uz › #UzOnline › #FTTх, #ADSL, #FTTB, #GPON - xizmatlari haqida.

HTML Iframe ≥

<iframe src="URL"></iframe>

Iframe - balandlik va kenglikni sozlash:

Iframe-ni xoxlang online yoki Offline (/,//, file://) URL-lar orqali amalga oshirsangiz bõladi...

Iframe o'lchamini ko'rsatish uchun "height" va "width" atributlarini ishlating
yoki %-da kirsating: "80%".

height="300" width="600"

Misol: 300x600...
<iframe src="http://www.uzonline.uz/uz" height="300" width="600"></iframe>

CSS:
<iframe src="test_iframe.html" style="height: 300px; width: 600px;"></iframe>

---------------

Iframe - Border-ni / Chegarani olib tashlash ≥

Odatiy, iframe-lar atrofida chegara mavjud.

Chegarani olib tashlash uchun style xususiyatini CSS-foydalaniladi:

style="height: 300px; width: 600px; border: none;"

Misol:
<iframe src="http://www.uzonline.uz/uz" style="height: 300px; width: 600px; border: none;"></iframe>

---------------

Iframe - chegara uslubini va rangini o'zgartirish ≥

style="height: 300px; width: 600px; border: 2px solid red;"

Misol:
<iframe src="http://www.uzonline.uz/uz" style="height: 300px; width: 600px; border: 2px solid yellow;"></iframe>

---------------

Iframe - Target ≥

name="iframe_a"

Misol: 300x600
<iframe src="http://www.uzonline.uz" style="height: 300px; width: 600px;" name="iframe_a"></iframe>

<a href="http://www.mover.uz" target="iframe_a">UzOnline.Uz › Mover.Uz</a>

@w3_uz › #iframe

HTML › Input › Type › Text / Matn Form...

» type="text"

<form>
Ism:<br>
<input type="text" name="name"><br>
Familiya:<br>
<input type="text" name="surname">
</form>

============

HTML › Input › Type › Password / Parol Form...

» type="password"

<form>
Ism:<br>
<input type="text" name="username"><br>
Parol:<br>
<input type="password" name="pssw"><br>
Parol takror:<br>
<input type="password" name="pssw">
</form>

============

Input › Type › Subbit / Button...

Formdagi ma'lumotlarni yuborish uchun...

» type="submit" value="submit"

<form action="baza.php">
Ism:<br>
<input type="text" name="name"><br>
Familiya:<br>
<input type="text" name="surname"><br>
<input type="submit" value="submit">
</form>

============

Placeholder va Value...

Joriy teglarni qōshsangiz soya matn qoldirasiz.

» placeholder="" yoki value=""

<form action="baza.php">
Ism:<br>
<input type="text" name="name" placeholder="Akmal / placeholder"><br>
Familiya:<br>
<input type="text" name="surname" value="Sindorov / value"><br><br>
<input type="submit" value="submit">
</form>

============

HTML › Input › Type › Checkbox / Tanlov Form...

» type="checkbox"

Bozor Ro'yxati:
<form>
<input type="checkbox" name="bozor" value="zaldori">Zaldori<br>
<input type="checkbox" name="bozor" value="shaftoli">Shaftoli<br>
<input type="checkbox" name="bozor" value="olcha">Olcha<br>
</form>

============

HTML › Input › Type › Radio Form...

» type="radio"

Misol:
<form>
<input type="radio" name="year" value="15.20" >15-20 - yosh'gacha<br>
<input type="radio" name="year" value="20.25">20-25 - yosh'gacha<br>
<input type="radio" name="year" value="25-30">25-30 - yosh'gacha
</form>


@w3_uz › #html › #input › #type #text, #password, #sumbit_button, #placeholder va #value, #checkbox, #radio