1. HTML sənədi ilə tanışlıq
Gəlin başa düşək, HTML sənədləri necə qurulub. Hər hansı bir HTML sənədi nədən başlayır? Hər HTML sənədinin quruluşu var və bu üç daxil edilmiş teqdən ibarətdir: html, head və body. Bu standartdır, nümunə:
<!DOCTYPE html>
<html>
<head>
Xidmət teqləri
</head>
<body>
Əsas sənəd
</body>
</html>
Brauzerin göstərdiyi hər şey qoşaq teqin içərisində olur body (sənədin cismi). Teqin içərisindəki head brauzerə verilən xidmət/köməkçi məlumatları olan teqlər var.
Həmçinin sənədin əvvəlində sənədin tipini yazmaq adətdir (mütləq deyil) — DOCTYPE, brauzer səhvləri daha yaxşı başa düşsün deyə. Bir çox brauzerlər pozulmuş dizaynlı sənədləri düzgün göstərməyi bacarır.
2. HTML-sənədə Nümunə
HTML-sənəd — hər hansı bir veb-səhifənin əsasını təşkil edir. O, brauzerə səhifənin necə görünməli olduğunu bildirir. Aşağıda sadə bir HTML-sənəd nümunəsi göstərilib:
<!DOCTYPE html>
<html>
<head> <title>Səhifənin adı</title> </head>
<body> <h1>Salam, dünya!</h1> <p>Bu mənim ilk veb-səhifəmdir.</p> </body>
</html>
HTML-sənədin Əsas Hissələri
Bu sətir sənəd növü deklarasiyası (doctype) adlanır. O, brauzerə, sənədin HTML5 (HTML dilinin son versiyası) üzərində yazıldığını bildirir. Bu, səhifənin düzgün görünməsi üçün vacibdir.
<html>
Tag <html>; HTML-sənədi açır. Veb-səhifənin bütün məzmunu bu tagın içində olmalıdır. O, HTML-sənədin başlanğıcı və sonunu təyin edir.
<head>
Tag <head> səhifə haqqında xidmət məlumatlarını ehtiva edir. Bu məlumatlar birbaşa veb-səhifədə göstərilmir, lakin brauzerlər və axtarış sistemləri üçün əhəmiyyətlidir.
Tag <title> səhifənin adını təyin edir və bu ad brauzer pəncərəsinin yuxarı hissəsində görünər. Bu, istifadəçinin səhifəni açdığında gördüyü ilk şeydir.
<body>
Tag <body> veb-səhifənin bütün görünən məzmununu ehtiva edir: mətn, şəkillər, linklər, cədvəllər və s. İstifadəçinin ekranda gördüyü hər şey bu tagın içində olur.
<h1>Salam, dünya!</h1>
Tag <h1> birinci səviyyəli başlıqdır. Bu, səhifədə ən əsas başlıqlar üçün istifadə olunur. Bu tagın içindəki mətn iri və qalın şriftlə göstərilir.
<p>Bu mənim ilk veb-səhifəmdir</p>
Tag <p> mətnin paraqraflarını işarələyir. O, mətni məntiqli bloklara bölmək üçün istifadə olunur. Bu tagın içindəki mətn adi bir abzas kimi göstərilir.
GO TO FULL VERSION