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>
  1. item
  2. 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">
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>
th1 th2 th3
td1 td2 td3
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