0'dan HTML Dərsləri - html, head, title, meta, link tegləri Dərs #3

4411
Kategoriya: html

İlk olaraq Yüklədiyimiz sublime text editorunu açaraq kodlarımızı yazmaya başlayırıq. Sublime Text editorunu açdıqda qarşımıza çıxan səhifədə heç birşey etmədən ilk olaraq CTRL+SHİFT+S düymələrini basaraq faylımızın adını yazıb sonuna .html əlavə edərək faylı yadda saxlayın.

Editorda yazdığınızda qarşınıza önərilən kimi html yazısı gələcək. ENTER tüşünə klik edərək html şablonunu editorda görə bilərsiniz

<!DOCTYPE html>
<html>
<head>
        <title></title>
</head>
<body>

</body>
</html>

Yuxarıda göstərilən HTML şablonudur və əsas elementləri bunlardır. Kodları yazmağa başladığımızda həm browser həmdə editora bunun HTML dili olduğunu bildirmək üçün kodundan istifədə edirik. Sonra HTML yazmağa başlamaq üçün

teglərindən istifadə edirik.Yazdığımız bütün kodların hər biri KODLAR tegləri içərisində yazılır. HTML və digər dillərdə açılan teglərin hər biri açılmalı sonda isə tegi bağlamalıyıq. . Əgər açılan hər hansısa bir teg bağlanılmasa kodların işləməyəcəyinidə qabaqcadan söyləməliyik.

teglərindən sonra istifadə olunacaq növbəti teg tegləridir ki adındanda bilindiyi kimi başlıq mənasını verir və saytımızın başlığı, açar sözləri açığlaması linklər və digər elementlər bu teglər arasında yerləşdirilir. Bu teglərdə açıldığı zaman bağlanılmalıdır.

tegləri arasında bir çox kodlar yer alır.

Saytın başlığını bildirir, açılıb bağlanılmalıdır.

Açılıb bağlanılan tegdir, bağlamaq üçün eynisinin yazılması tələb olunmur, sətrin sonunda slaş(/) qoyulduğunda teg tamamlanır. Tək olaraq işlənilmir arasında elementlərin işlənilməsi vacibdir. Əgər irəlidə öyrənəcəyimiz CSS faylının yolunu göstərmək istəsək, Google font formatlarından və ya javascript fayllarından istifadə etmək istəsək

tegindən aşağıdakı kimi istifadə edəcəyik.

<link rel="stylesheet" type="text/css" href=""/>

Burada göstərilən "rel" və "type" elementləri faylın css olduğunu, "href" isə faylın olduğu yeri göstərir.

Əlavə olaraq əgər gələcəkdə yazılarımıza font vermək istəsək "type" elementindən istifadə etməyə bilərik

<link rel="stylesheet" href=""/>

3. Özlüyündə açılıb bağlanan tegdir. Elementləri "Description(Saytın açıqlaması)" "Keywords(Açar sözlər)" "charset="utf-8"(Azərbaycanca məsələn ə hərifini saytda işlətdikdə hərflərin tam olaraq görünməsi üçün istifadə edilir.).

<meta content="SAYTIN AÇIQLAMASI" name="description">
<meta content="AÇAR SÖZLER" name="keywords">
<meta charset="utf-8">