1. Mətni tərtib etmək
Gəlin HTML öyrənməyə davam edək...
Paraqraflar (p)
<p> teqi mətnin paraqraflarını (abzaslarını) yaratmaq üçün istifadə olunur. Paraqraflar mətnləri loqik bloklara bölməyə kömək edir, oxunmağı və məlumat qavrayışını yaxşılaşdırır.
Nümunə:
<p>Bu mətnin ilk paraqrafıdır. Burada müəyyən miqdarda informasiya var.</p>
<p>Bu mətnin ikinci paraqrafıdır. O, birinci paraqrafdan ayrıdır.</p>
Qalın mətn (b)
<b> teqi mətni qalın (bold) şriftlə vurğulamaq üçün istifadə olunur. Bu, müəyyən sözlərin və ya ifadələrin əhəmiyyətini vurğulamağa kömək edir.
<p>Bu <b>vacib</b> bir mətndir.</p>
Kursiv mətn (i)
<i> teqi mətni kursivlə (meylli şrift, italic) vurğulamaq üçün istifadə olunur. Bu adətən terminlərin, kitab adlarının, xarici sözlərin və s. qeyd olunmasında tətbiq edilir.
Nümunə:
<p>Bu <i>termin</i> kursivlə vurğulanıb.</p>
2. Başlıqlar (h1 - h6)
HTML-də başlıqlar kontentin strukturlaşdırılması və səhifədə başlıqların ierarxiyasının yaradılması üçün istifadə olunur. Altı səviyyəli başlıqlar mövcuddur, burada <h1> ən vacibdir, <h6> isə ən az vacibdir.
-
<h1>— Ən vacib və ən böyük başlıq. Adətən səhifənin əsas başlığı üçün istifadə olunur. -
<h2>—<h1>-dən sonra gələn alt başlıqlar üçün istifadə olunur. -
<h3>—<h2>-dən aşağı olan səviyyəli başlıq. -
<h4>—<h3>-dən aşağı olan səviyyəli başlıq. -
<h5>—<h4>-dən aşağı olan səviyyəli başlıq. -
<h6>— Ən az vacib və ən kiçik başlıq.
Nümunə:
<h1>Səhifənin əsas başlığı</h1>
<h2>2-ci səviyyəli alt başlıq</h2>
<h3>3-cü səviyyəli alt başlıq,</h3>
3. Head-dokumenti daxilində əlavə tag-lər
HTML nümunələrində gələcəkdə qarşınıza çıxa biləcək bəzi tag-lər var, onlar haqqında bir neçə söz demək istəyirəm:
1. <title> tag-i
<title> tag-i brauzer pəncərəsində görünən səhifənin adını təyin edir. Bu, istifadəçinin səhifəni açarkən gördüyü ilk şeydir. Demək olar ki, bütün səhifələrdə həmişə mövcuddur. Default olaraq HTML-redaktoru tərəfindən əlavə olunur, lakin tədris layihələri üçün xüsusi bir əhəmiyyət daşımır.
2. <meta charset="UTF-8"> tag-i
<meta> tag-i <head> daxilində sənəd üçün simvol kodlamasını təyin edir. UTF-8 — dünyadakı dillərin çoxunu dəstəkləyən ən populyar kodlamadır. Kodlama haqqında bir az sonra danışacağıq.
3. <meta name="viewport" content="width=device-width, initial-scale=1.0"> tag-i
Bu tag da <head> daxilindədir. O, mobil cihazlarda səhifənin düzgün görünməsini təmin edir. Ekranın genişliyinə bərabər olan baxış sahəsinin (viewport) enini və səhifənin ilkin miqyasını təyin edir.
4. <link rel="stylesheet" href="styles.css"> tag-i
<link/> tag-i səhifənin tərtibatı üçün xarici CSS-faylı qoşur. rel="stylesheet" atributu onun stil cədvəli olduğunu göstərir, href="styles.css" isə stil faylına olan yolu təyin edir.
5. <script src="script.js" defer></script> tag-i
<script> tag-i səhifəyə interaktivlik əlavə etmək üçün xarici JavaScript-faylı qoşur. src atributu skript faylının yolunu göstərir, defer isə brauzerə HTML-sənəd yükləndikdən sonra skripti icra etməyi tapşırır.
GO TO FULL VERSION