HTML

HTML (HyperText Markup Language) nima ?
TML — bu veb-sahifalarni yaratish uchun qo‘llaniladigan standart markup tili bo‘lib, u brauzerga sahifa tarkibini qanday ko‘rsatishni ko‘rsatadi. HTML hujjatlari teglardan iborat bo‘ladi.

Teglar matn, rasm, video va boshqa elementlarni belgilab, ularning tuzilishini shakllantiradi. HTMLning asosiy vazifasi — sahifani mantiqiy tuzilishga ajratish: qaysi qism sarlavha, qaysi qism paragraf yoki ro‘yxat ekanini ko‘rsatish.

HTML hujjati odatda quyidagi elementlardan iborat bo‘ladi:
<! DOCTYPE html> — hujjat HTML5 ekanligini bildiradi.

<html> — HTML hujjatining asosiy ildiz elementi.

<head> — sahifa haqida ma’lumot (metadata), masalan, sarlavha, uslublar jadvali, skriptlar.

<title> — brauzer yorlig‘ida ko‘rinadigan sahifa nomi.

<meta> — sahifa tavsifi, kodlash turi, muallif haqida ma’lumot kabi qo‘shimcha ma’lumotlar.

<body> — foydalanuvchi ko‘radigan asosiy kontent. HTML teglari odatda juft bo‘ladi: ochuvchi va yopuvchi teglar (<p> … </p>). HTMLning asosiy teglari

<h1> … <h6> — sarlavhalar (1 eng katta, 6 eng kichik).

<p> — paragraf.

<a> — giperhavola (link). href atributi manzilni belgilaydi.

<img> — rasm. src rasm manzili, alt esa alternativ matnni belgilaydi.

<div> — bo‘lim, konteyner elementi.

<span> — inline element, matnning qismini ajratish uchun.

<ul> — tartibsiz ro‘yxat.

<ol> — tartibli ro‘yxat.

<li> — ro‘yxat elementi.

<table> — jadval.

<tr> — jadval qatori.

<td> — jadval katagi.

<th> — sarlavha katagi.

<form> — foydalanuvchi ma’lumotlarini yig‘ish uchun forma.

<input> — forma kiritish maydoni.

<textarea> — ko‘p qatorli matn maydoni.

<select> — tanlov ro‘yxati (dropdown).

<option> — tanlovdagi variant. HTML atributlari

Atributlar teglarga qo‘shimcha ma’lumot beradi va ochuvchi teg ichida yoziladi.

Masalan: <a href="https: //example. com">Havola</a>

HTML5 yangiliklari

HTML5 — HTMLning so‘nggi versiyasi bo‘lib, yangi teglarga ega:

<header>

<footer>

<section>

<article>

<nav>

<aside>

<main>

Bu semantik teglardir, ular sahifa tuzilmasini aniqroq ifodalaydi va SEO uchun ham foydali. HTML5 multimedia uchun (<audio>, <video>) yanada kuchli qo‘llab-quvvatlash taqdim etadi.


Kategoriyalar: Ushbu maqola hali kategoriyaga biriktirilmagan