1. Rasm qo'yish

Sahifaga rasm qo'yish uchun <img> tegi ishlatiladi. Uning ikki muhim atributi bor: src (rasm manzili) va alt (rasmning qisqa ta'rifi).

1<img src="https://picsum.photos/400/200" alt="Tasodifiy rasm" />

src — bu rasm qayerdaligini aytadi. U internetdagi URL yoki kompyuteringizdagi fayl bo'lishi mumkin. alt — agar rasm yuklanmasa yoki ko'zi ojiz foydalanuvchi sahifani o'qisa, nimani aytish kerakligini bildiradi.

2. Havola yaratish

Havola (link) — boshqa sahifaga yoki saytga o'tish uchun ishlatiladi. <a> tegi yordamida yaratiladi. href atributi — qayerga olib borishini bildiradi.

1<a href="https://google.com">Google'ga o'tish</a>

Havolani yangi oynada ochish uchun target="_blank" atributini qo'shish mumkin:

1<a href="https://youtube.com" target="_blank">YouTube (yangi oynada)</a>

3. Ro'yxatlar

HTMLda ikki xil ro'yxat bor: tartibsiz (nuqta bilan) va tartibli (raqamlangan).

Tartibsiz ro'yxat — <ul>

<ul> (unordered list) nuqtali ro'yxat yaratadi. Har bir element <li> (list item) teg ichida yoziladi.

1<ul>
2  <li>Olma</li>
3  <li>Nok</li>
4  <li>Banan</li>
5</ul>

Tartibli ro'yxat — <ol>

<ol> (ordered list) raqamlangan ro'yxat yaratadi. Qoida bir xil — har bir element <li> ichida.

1<ol>
2  <li>Birinchi qadam</li>
3  <li>Ikkinchi qadam</li>
4  <li>Uchinchi qadam</li>
5</ol>

4. Izohlar (comments)

Izoh — bu kod ichida yozilgan eslatma. Brauzer uni ko'rsatmaydi, lekin siz va boshqa dasturchilar o'qiy oladi. HTMLda izoh <!-- va --> orasida yoziladi.

1<!-- Bu sarlavha — saytning asosiy nomi -->
2<h1>Men dasturchiman</h1>
3
4<!-- Rasmni keyinroq o'zgartiraman -->
5<img src="rasm.jpg" alt="Mening rasmim" />