HTML kodları vebsayt dizaynı ilə bağlı araşdırma aparan hər kəsin qarşılaşdığı əsas anlayışdır. HTML, web səhifələrinin yaradılmasında istifadə olunan standart bir mətn işarəsi dili olan “Hyper Text Markup Language” deməkdir. Ümumi yanlış təsəvvürün əksinə olaraq, HTML proqramlaşdırma dili deyil. Daha aydın izah etmək üçün, Chrome, Firefox, Yandex kimi brauzerlərin oxuduğu və anlamlandırdığı dil HTML -dir.
HTML nə edir?
HTML, veb dizaynerlərə səhifələr və tətbiqlər üçün struktur profilləri, bağlantılar, çıxarışlar, paraqraflar və başlıqlar yaratmağa kömək edir. Bu baxımdan veb səhifələr sadə kod quruluşları olan etiketlər və atributlardan istifadə etməklə formalaşdırıla bilər. HTML əslində bir veb saytın skeleti adlandırıla bilər. Başqa sözlə, HTML kodları olmadan veb saytı kodlaşdırıla bilməz.
Veb saytlar və səhifələr yaradılarkən istifadə edilməli olan HTML yeni başlayanlar üçün öyrənilməsi ən asan işarələmə dillərindən biridir. HTML kurslarına qoşularaq sistemli bir iş üçün özünüzü inkişaf etdirə bilərsiniz və veb səhifənin dizayn mərhələsində öyrəndiyiniz məlumatları sınaya bilərsiniz. Vaxt keçdikcə veb sayt dizaynında sahib olduğunuzdan daha çox şey öyrənə və söz sahibi ola bilərsiniz.
Ən çox istifadə olunan HTML kodları
HTML kodları veb səhifənin quruluşunu təşkil edən parçacıqlardır. Nə kod istifadə olunursa, hamısı “<” ilə başlamalı və “>” ilə bitməlidir. Həmişə bir neçə sadə HTML kodu bilməlisiniz. Hazırladığınız veb səhifələrdə bu kodları birdən çox yerdə istifadə etməlisiniz. Ancaq əvvəlcə əsas HTML sənəd quruluşunun necə olmalı olduğunu bilməlisiniz. Buna görə;
<! DOCTYPE html>: Bütün HTML sənədləri bu kodla başlamalıdır. Bu kod əslində səhifənin HTML5 formatına görə kodlandığını göstərir.
<html>: Kök etiketi olaraq da bilinən bu əsas istifadədə, bütün HTML kodları bu iki etiket arasında təyin olunmalıdır.
<body>: Görülə bilən bütün HTML kodlarının əlavə olunduğu etiket sahəsidir.
<head>: Veb səhifənin dilini, başlığını və digər tənzimləmələrini ehtiva edən etiketdir.
<title>: Veb saytın başlıq sahəsini təyin etmək üçün istifadə olunur. <title> etiketi <head> etiketləri arasında olmalıdır.
<meta charset = ”utf-8 ″>: HTML kodunun, bir çox dil seçminin olduğunu göstərir.
Başlıq Kodu (Hx)
Başlıqlar veb səhifənizdəki məzmunu oxunula bilən hissələrə bölməyə imkan verən elementdir. HTML əsasən 6 başlıq elementini dəstəkləyir. H1, H2, H3, H4, H5 və H6 -dan ibarətdir. İstifadə nümunəsi aşağıdakı kimi göstərilir:
- <h1> İlk başlıq </h1>
- <h2> İkinci başlıq </h2>
- <h3> Üçüncü başlıq </h3>
- <h4> Dördüncü başlıq </h4>
- <h5> Beşinci başlıq </h5>
- <h6> Altıncı başlıq </h6>
Paraqraf Kodu (<p>)
Mətndə paraqraflar yaratmağa imkan verən koddur. Məzmun hissələrini ayrırdıqda arasına <br> kodu əlavə etməklə mətnin paraqrafları yaradıla bilsə də <p> kodundan istifadə etmək tövsiyə olunur. Axtarış motorlarına və brauzerlərə səhifə quruluşu haqqında məlumat verir.
Sətir Sonu Kodu (<br>)
Veb səhifədəki mətni üfüqi olaraq bölmək üçün HTML kodudur. İstifadə edildikdə, mətn alt sətirdə davam edir. Başqa sözlə, <br/> istifadə edərkən aşağıdakı bütün sözlər alt sətirdə davam edir.
Şəkil Kodu (<img>)
<img> kodu veb səhifəyə şəkillər əlavə etmək üçün istifadə olunur. Veb səhifəyə şəkil əlavə etmək istədiyiniz zaman əvvəlcə veb serverə yükləyin. Daha sonra yüklənmiş şəklin fayl adına istinad etmək üçün <img> etiketindən istifadə edə bilərsiniz.
Düymə Kodu (<düymə>)
HTML düymə kodu səhifələrinizi maraqlı etmək və interaktiv məzmun yaratmaq üçün istifadə olunur. JavaScript və HTML rəng kodları ilə daha da güclənən bu kod, məzmununuzdakı istifadəçilərlə ünsiyyət qurmağa imkan verir.
Bağlantı (Əlaqə) Kodu (<a>)
Əhəmiyyətli HTML əlaqə kodlarından biri olan <a> kodu ilə digər məzmun arasında əlaqələr də yarada bilərsiniz. Bir keçid yaratmaq üçün bağlamaq istədiyiniz məzmunun ətrafını <a> və </a> etiketləri ilə əhatələndirməlisiniz.
Üfüqi Xətt Kodu (<hr>)
Səhifə bölmələrini vizual olaraq ayırmaq üçün üfüqi xətt kodları istifadə olunur. Bu kod, səhifənin cari mövqeyi üzərində sağ marj (kənar boşluğu) arasında bir xətt yaradır. Beləliklə, söz və ya cümlə qrupları üfüqi bir xətt ilə ayrılır.
HTML və CSS ilə JS arasındakı əlaqə nədir?
HTML sayt dizaynı üçün həqiqətən güclü bir dil olsa da, peşəkar və güclü nəticələr əldə etmək üçün tək başına kifayət deyil. Yalnız mətn parçaları əlavə edilə bilər və müəyyən kodlardan istifadə edərək məzmun quruluşu dəyişdirilə bilər. Ancaq CSS və JavaScript kimi iki ön dil (frontend) HTML ilə birlikdə istifadə olunarsa, mükəmməl bir uyğunluq əldə edilir. google
HTML ilə birlikdə CSS və JS -dən istifadə etmək, möhkəm bir təməl üzərində qurulacaq zəngin bir istifadəçi təcrübəsi və inkişaf etmiş funksionallıq yaratmaq deməkdir. HTML fon, rəng, dizayn, aralıq və animasiya üçün CSS -dən kömək alarkən; Slider, foto qalereya və açıla pəncərlər kimi dinamik funksionallıq üçün JavaScript ilə uyğunluqla işləyir.
HTML-in müsbət və mənfi cəhətləri:
- HTML-in müsbət cəhətləri:
- Bütün internet brauzerlərində yerli işləmək bacarığı,
- asan öyrənmə,
- Açıq mənbə koduna sahib olması,
- Tamamilə ödənişsiz olması,
- Çoxlu mənbələri olan böyük bir dil seçimi təklif edərək,
- World Wide Web Consortium (W3C) kimi rəsmi veb standartları tərəfindən idarə oluna bilən
- Sabit və hamar bir format təqdim edir,
- js və PHP kimi arxa dillərlə uyğun işləmək bacarığı.
HTML-in müsbət və mənfi cəhətləri:
- Bəzi brauzerlər HTML kod sisteminə əlavə olunan yeni xüsusiyyətləri gec tanıya bilər.
- HTML istifadəçiyə məntiq əlavə etmək imkanı vermir. Bu səbəbdən, eyni elementlərə (altbilgilər və başlıqlar kimi) sahib olsalar da, bütün veb saytlar ayrı-ayrı yaradılır.
- Tez -tez statik vəziyyətdə olan veb səhifələr üçün istifadə edildiyindən, dinamik əməliyyatları yerinə yetirmək üçün PHP, CSS və ya JavaScript kimi ayrı bir arxa dil tələb olunur.
Bunlardan əlavə HTML haqqında lazım olan digər məlumatlar bunlardır:
- HTML bir proqramlaşdırma dili deyil, işarələmə dilidir.
- HTML fayl uzantıları .html və ya .htm olaraq yazılmalıdır.
- HTML kodları yazmaq üçün Notepad, Notepad ++ və ya Sublime Text kimi redaktorlar istifadə edilə bilər.
- HTML hərtərəfli öyrənildikdən sonra bilinməli olan başqa bir proqram CSS olmalıdır. CSS proqramı əsasən HTML kodlarının müvafiq brauzerdə oxunma tərzini tərtib etmək üçün istifadə olunur.
- Bir veb sayt HTML, CSS və JS ilə dizayn edilə bilər, lakin dinamik və daha keyfiyyətli olması üçün ASP.net və JAVA kimi dillərdən də istifadə edilməlidir.
Leave a Reply