HTML tags and attributes
h1 - veb-sahifadagi asosiy sarlavha
<h1>h1 tegi orqali chiqarilgan matn</h1>
h1 tegi orqali chiqarilgan matn
h2 - ikkinchi darajali sarlavha
<h2>h2 tegi orqali chiqarilgan matn</h2>
h2 tegi orqali chiqarilgan matn
h6 - oltinchi darajali sarlavha
<h6>h6 tegi orqali chiqarilgan matn</h6>
h6 tegi orqali chiqarilgan matn
p - oddiy matn uchun
<p>p tegi orqali chiqarilgan matn 1</p>
<p>p tegi orqali chiqarilgan matn 2</p>
p tegi orqali chiqarilgan matn 1
p tegi orqali chiqarilgan matn 2
ul - tartibsiz ro'yxat
li - ro'yxat elementi
<ul>
<li>item</li>
<li>item</li>
</ul>
ol - tartibli ro'yxat
li - ro'yxat elementi
<ol>
<li>item</li>
<li>item</li>
</ol>
- item
- item
li tegi ul yoki ol teglari bilan birgalikda qo'llanilishi shart
button - tugma, knopka
<button>Button 1</button>
<button>Button 2</button>
a - link, havola
href - havola manzili
target - havola manzilini qaysi oynada ochishni belgilovchi atribyut
<a href="https://youtube.com" target="_blank">youtube</a>
<a href="https://kun.uz" target="_blank">yangliklar</a>
youtube
yangliklar
span - oddiy yozuv uchun
<span>span1</span>
<span>span2</span>
span1
span2
img - rasmlar uchun
src - rasm manbasi, manzili
alt - rasmni matn orqali ifodalovchi atribyut
<img width="300px" src="img/photo.jpg" alt="photo of a photo">
form - foydalanuvchi tomonidan input, textarea va select kab teg lar orqali kiritilgan va tanlangan ma'lumotlarni serverga yuboruvchi teg
action - server manzili
input - ma'lumot kiritish, to'ldirish uchun maydon
name - ma'lumot serverga borishi va qanday ma'lumot yuborilganligini bildirib turishi uchun
type - input turi
placeholder - input ichidagi yo'nalish beruvchi matn
<form action="https://echo.htmlacademy.ru">
<input type="text" placeholder="ism-familiya" name="fullname">
<button>Submit button</button>
</form>
label - ma'lumot beruvchi input ga bog'langan matn
for - input ning id sini yozish va input ga ulash uchun
id - takrorlanmas class ga o'xshash atribyut
<form action="https://echo.htmlacademy.ru">
<label for="nameinput">Ism va familiya:</label>
<input id="nameinput" type="text" placeholder="ism-familiya" name="fullname">
<button>Submit button</button>
</form>
type - input turi
text - matn uchun
<input type="text" name="textinput" placeholder="ism-familiya">
password - parol uchun
<input type="password" name="passwordinput" placeholder="********">
tel - telefon raqam uchun
<input type="tel" name="telinput" placeholder="+998 20 002 00 02">
date - sana uchun
<input type="date" name="dateinput">
email - email uchun
<input type="email" name="emailinput" placeholder="email">>
number - raqamlar uchun
<input type="number" name="numberinput" placeholder="36">
select - umumiy option lar guruhi
option - tanlash uchun variant
value - takrorlanmas serverga yuboriluvchi qiymat
<label for="lang">Tilni tanlang:</label>
<select name="lang" id="lang">
<option value="uz">Uzbek</option>
<option value="ru">Russian</option>
<option value="en">English</option>
</select>
table - jadval
border - jadval va kataklar uchun ramka
tr - jadval qatori
th - sarlavha uchun jadval katagi
td - oddiy jadval katagi
<table border="4">
<tr>
<th>th1</th>
<th>th2</th>
<th>th3</th>
</tr>
<tr>
<td>td1</td>
<td>td2</td>
<td>td3</td>
</tr>
</table>
colspan - yonma-yon jadval kataklarini bir-biriga qo'shadi
rowspan - ustma-ust jadval kataklarini bir-biriga qo'shadi
<table border="1">
<tr>
<th>Katak</th>
<th colspan="3">Katak</th>
<th rowspan="3">Katak</th>
</tr>
<tr>
<td>Katak</td>
<td>Katak</td>
<td rowspan="2">Katak</td>
<td>Katak</td>
</tr>
<tr>
<td colspan="2">Katak</td>
<td>Katak</td>
</tr>
</table>
Katak |
Katak |
Katak |
Katak |
Katak |
Katak |
Katak |
Katak |
Katak |