HTML Hypertext Markup Language deməkdir. Veb səhifələr yaratmaq üçün istifadə olunan xüsusi bir dildir. Veb saytına daxil olduğunuz zaman kompüter sizə sözləri, şəkilləri və keçidləri göstərmək üçün HTML oxuyur. HTML-i veb saytın tikinti blokları kimi düşünün. Ev və ya avtomobil tikmək üçün Lego parçalarından istifadə etdiyiniz kimi, biz də veb səhifə yaratmaq üçün HTML teqlərindən istifadə edirik.
HTML kompüterə mətni, şəkilləri, videoları və linkləri veb-səhifədə necə göstərməyi izah edən koddur. Bu, sizin üçün şəkil çəkən dostunuza göstəriş vermək kimidir. HTML veb-səhifənin bir hissəsinin əvvəlini və sonunu qeyd etmək üçün bucaqlı mötərizə içərisində olan sözlərdən istifadə edir, bunlara tags deyilir.
Ziyarət etdiyiniz hər veb sayt müəyyən mənada HTML-dən istifadə edir. HTML olmasaydı, görə biləcəyiniz veb səhifələr olmazdı. HTML məzmunu təşkil etməyə kömək edir və kompüterə səhifəni necə göstərəcəyini bildirir. Bu, veb inkişafında öyrənilən ilk şeydir, çünki interneti işləyir!
HTML sənədinin xüsusi strukturu var. O, kompüterə səhifənin HTML-dən istifadə etdiyini bildirən <code><!DOCTYPE html></code> adlı bəyannamə ilə başlayır. Sonra sənəd iki əsas hissəyə bölünür: baş və bədən.
Çox sadə HTML sənədi belə görünür:
<kod><!DOCTYPE html>
<html>
<baş>
<title>İlk Veb Səhifəm</title>
</head>
<bədən>
<p>Salam, dünya!</p>
</body>
</html> </code>
Bu misalda, <head> bölməsi səhifənin başlığını verir, <body> bölməsi isə ekranda görünən məzmunu yerləşdirdiyiniz yerdir.
HTML veb səhifənin müxtəlif hissələrini işarələmək üçün teqlərdən istifadə edir. Teq bucaqlı mötərizə içərisində olan sözdür. Məsələn, <code><p></code> kompüterə aşağıdakıların paraqraf olduğunu bildirir. Paraqrafı bitirdikdə, sonunu göstərmək üçün bağlama teqindən, <code></p></code> istifadə edirsiniz.
HTML-də element açılış teqindən, bəzi məzmundan və bağlanış teqindən ibarətdir. Məsələn:
<code><p>Bu, paraqrafdır.</p></code>
Hər bir teq veb-brauzerə məzmunu necə göstərməyi öyrədir.
HTML-də çoxlu teqlər var. Ən ümumi olanlardan bəziləri bunlardır:
Atributlar HTML elementi haqqında əlavə məlumat verir. Onlar etiketin bucaq mötərizələri içərisində açılış etiketinə əlavə edilir. Ən ümumi atributlar src və alt şəkil etiketi ilə istifadə olunur.
Məsələn, şəkil əlavə etmək üçün yaza bilərsiniz:
<code><img src="picture.jpg" alt="Gözəl şəkil"></code>
Burada src brauzerə şəkil faylının harada olduğunu bildirir və əgər göstərilə bilmirsə, alt təsvirin təsvirini təqdim edir.
HTML sənədi iki hissəyə bölünür:
Linklər bir səhifədən digərinə keçməyə imkan verir. HTML-də biz <a> teqindən istifadə edərək linklər yaradırıq. Teqdəki href atributu brauzerə linkin təyinatını bildirir.
Məsələn:
<code><a href="https://www.example.com">Example.com saytına daxil olun</a></code>
Bu keçidə kliklədiyiniz zaman brauzeriniz example.com vebsaytını açacaq.
Şəkillər veb səhifəni parlaq edir və onu daha maraqlı edir. Şəkil əlavə etmək üçün <img> teqindən istifadə edirsiniz. Unutmayın ki, <img> teqinin bağlanma teqi yoxdur.
Şəkili necə əlavə etdiyiniz budur:
<code><img src="sunflower.jpg" alt="Parlaq günəbaxan"></code>
Bu kod brauzerə günəbaxan şəklini göstərməyi əmr edir. src atributu şəklin yerləşdiyi yerə işarə edir, alt atribut isə təsvirin təsvirini təqdim edir.
Siyahılar məlumatları səliqəli formatda təşkil edir. HTML-də iki əsas siyahı növü var:
Sıralanmamış siyahının bir nümunəsidir:
<kod><ul>
<li>Apple</li>
<li>Banan</li>
<li>Albalı</li>
</ul> </code>
Və sifarişli siyahının bir nümunəsidir:
<kod><ol>
<li>Birinci</li>
<li>İkinci</li>
<li>Üçüncü</li>
</ol> </code>
Cədvəllər məlumatları sətir və sütunlarda göstərməyə kömək edir. Məlumatları müqayisə etmək və ya şəbəkədəki elementləri siyahıya almaq lazım olduqda onlar faydalıdır.
HTML cədvəlinin sadə bir nümunəsidir:
<code><table border="1">
<tr>
<th>Ad</th>
<th>Yaş</th>
</tr>
<tr>
<td>Alisa</td>
<td>10</td>
</tr>
</table> </code>
Bu cədvəldə <tr> cədvəl sırasını təyin edir, <th> cədvəlin başlığı (qalın mətn), <td> isə cədvəl məlumatları (xanalar) üçün istifadə olunur.
HTML həmçinin səs və video kimi multimedia əlavə etməyə imkan verir. <audio> teqi ilə siz səs fayllarını daxil edə bilərsiniz. <video> teqi ilə siz video pleyerləri veb səhifənizə yerləşdirə bilərsiniz.
Budur video yerləşdirmə koduna bir nümunə:
<kod><video eni="320" hündürlük="240" nəzarətləri>
<mənbə src="movie.mp4" type="video/mp4">
</video> </code>
Bu kod səs səviyyəsini oynamaq, dayandırmaq və ya dəyişmək üçün düymələri olan video pleyer yaradır. Controls atributu brauzerə bu düymələri göstərməyi əmr edir.
İnternetdəki hər bir veb sayt HTML ilə qurulur. Təsəvvür edin ki, məktəbinizin veb saytına, əyləncəli oyun saytına baş çəkirsiniz və ya onlayn hekayə oxuyursunuz. HTML mətni, şəkilləri və digər məzmunu aydın görmək üçün pərdə arxasında işləyir.
Məsələn, sevimli cizgi filmi personajınızın şəklini onlayn görəndə və ya əyləncəli mövzu haqqında daha çox oxumaq üçün keçidə kliklədiyiniz zaman HTML bu işi görmək üçün oradadır.
Sadə bir layihəyə baxaq. Təsəvvür edin ki, siz pişik kimi sevimli heyvanınız haqqında kiçik veb səhifə yaratmaq istəyirsiniz. Başlıq, pişiklər haqqında abzas, şəkil və hətta əyləncəli pişik faktları olan vebsayta keçid əlavə edə bilərsiniz.
HTML kodunuz belə görünə bilər:
<kod><!DOCTYPE html>
<html>
<baş>
<title>Sevdiyim Heyvan</title>
</head>
<bədən>
<h1>Pişiklər haqqında hər şey</h1>
<p>Pişiklər oynaq və yumşaqdırlar. Onlar yatmağı və mırıldamağı sevirlər. Bir çox insan pişikləri ev heyvanı kimi saxlamağı xoşlayır.</p>
<img src="cat.jpg" alt="Şirin pişik">
<a href="https://www.catfacts.com">Pişiklər haqqında ətraflı məlumat əldə edin</a>
</body>
</html> </code>
Bu layihə başlıqlar, paraqraflar, şəkillər və keçidlərdən istifadə edir. Bu, HTML-dən bir çox hissədən ibarət tam veb səhifə yaratmaq üçün necə istifadə edildiyini göstərir.
HTML veb-səhifənin strukturunu qurarkən, veb-saytların əyləncəli görünməsini və davranmasını təmin edən başqa vasitələr də var.
Bu gün biz HTML haqqında öyrənsək də, CSS və JavaScript haqqında bilmək bizə veb-saytların necə yaradıldığını anlamağa kömək edir.
HTML-ni araşdırdıqca bir çox başqa teqlər tapacaqsınız. Burada bilmək üçün daha bir neçə şey var:
Bu teqlər sizə məzmununuzun veb səhifəsində necə göründüyünə daha çox nəzarət imkanı verir.
HTML ilk yaradılandan bəri çox dəyişdi. Zamanla bir çox yeni etiketlər və xüsusiyyətlər əlavə edildi. HTML-nin hər bir yeni versiyası mürəkkəb və gözəl veb-saytlar yaratmağı asanlaşdırır. Bu gün HTML istifadəsi əyləncəli və gözəl görünən müasir veb-saytlar yaratmaq üçün CSS və JavaScript ilə birlikdə işləyir.
Bu təkamül o deməkdir ki, HTML həm öyrənmək asandır, həm də sadə veb səhifələrdən mürəkkəb veb proqramlara qədər hər şeyi yaratmaq üçün kifayət qədər güclüdür.
HTML öyrənmək əyləncəli olsa da, internetdə təhlükəsiz qalmaq həmişə vacibdir. Vebsaytlara baş çəkdiyiniz zaman və ya onlayn məzmunu araşdırdığınız zaman nədənsə əmin deyilsinizsə, həmişə böyüklərdən kömək istəməyi unutmayın. Təhlükəsizliyiniz hər şeydən əvvəl gəlir və HTML öyrənmək həmişə əyləncəli və təhlükəsiz təcrübə olmalıdır.
Bu gün öyrəndiyiniz bəzi vacib terminlərə nəzər salaq:
HTML bir çox real dünya parametrlərində istifadə olunur. Budur bəzi nümunələr:
Bu nümunələr HTML-nin gündəlik həyatın bir çox yerində necə çox faydalı bir alət olduğunu göstərir.
Bu gün biz öyrəndik ki, HTML Hypertext Markup Language üçün qısadır. Veb səhifələr yaratmaq üçün istifadə olunan əsas dildir. Budur yadda saxlamaq lazım olan əsas məqamlar:
HTML internetdə gördüyünüz hər bir veb saytın təməlidir. Teqlər və atributlar kimi sadə tikinti blokları ilə siz əyləncəli və interaktiv səhifələr yarada bilərsiniz. Öyrənməyə davam etdikcə, HTML-nin veb səhifələri canlandırmağa necə kömək etdiyini və interneti araşdırmaq üçün faydalı və maraqlı bir yerə çevirdiyini görəcəksiniz.
