Bu məqalədə siz ilk veb saytınızı yazmaq üçün HTML-dən necə istifadə edəcəyinizi öyrənəcəksiniz! Məqalə daha yaxşı başa düşmək üçün illüstrativ nümunələr verəcəkdir. Dərhal qeyd edək ki, məqalə əvvəlcə HTML öyrənməyə yeni başlayanlar üçün nəzərdə tutulub. Bundan əlavə, biz söz veririk ki, bu məqaləni oxuduqdan sonra sizə ilk veb saytınızı yaratmağa zəmanət verilir.
HTML HyperText Markup Language deməkdir, yəni mətni təşkil etmək üçün dildir.
Veb-saytlarda hərəkətləri yerinə yetirmək üçün skriptlərdən istifadə edən proqramlaşdırma dillərindən (JavaScript, PHP və s.) fərqli olaraq, ardıcıllıq dili (HTML) vebsayt məzmununu qeyd etmək üçün teqlərdən istifadə edir.
Sıfırdan HTML öyrənməyə başlayaq
İngilis dili A, B, C və s. hərflərdən ibarət olduğu kimi, HTML də özünəməxsus "hərflərdən" ibarətdir:,,
və s. HTML dilinin bu özünəməxsus "hərfləri" veb ustaları tərəfindən teqlər adlanır.
Aşağıdakı HTML teqinin nümunəsidir.
Teqlər Bu mətnin kənarlarında alt xətt yaradın.
CSS dil üslubları ilə qoşalaşmış HTML teqləri sizə tez və səmərəli vebsaytlar yaratmağa imkan verir.
HTML-nin digər dillər arasında yeri
Bildiyiniz kimi, yaxşı saytdırən azı 5 dildə qurulmuşdur.
Müasir vebsayt dillərdə qurulub:
- HTML (struktur və sifariş).
- CSS (üslub məzmunu).
- JavaScript (brauzer əməliyyatları).
- PHP (server əməliyyatı).
- SQL (məlumat saxlama).
HTML başqalarının əsaslandığı əsas fundamental dildir. Buna görə də, HTML öyrənmək internetdə veb saytlar qurmağı öyrənən hər kəs üçün ilk addım olmalıdır.
Etiket
HTML dili yarandığı gündən bəri illər ərzində dəyişib. Hazırda əksər internet saytları dilin ən son versiyasına - HTML5-ə keçir. Lakin hətta HTML5-də dilin əsasları dəyişməz olaraq qalır.
HTML səhifəsinin strukturu sendviç kimidir. Bir sendviçdə iki dilim çörək olduğu kimi, HTML sənədinin açılış və bağlanma HTML teqi var.
Bu teqlər sendviçdəki çörək kimi içindəki hər şeyi əhatə edir.
Etiket
HTML öyrənməyə davam etdikcə etiketlə mütləq tanış olmalısınız. Birbaşa ana teq daxilində saytın bütün məzmunu, o cümlədən etiketdir. Bu etiket tələb olunur və onun yazıldığı sayt səhifəsinin bütün parametrlərini ehtiva edir. Bu parametrlər sayt ziyarətçiləri üçün görünmür, yalnız brauzerlər (Google Chrome, Mozilla Firefox və s.) onları görür.
Veb səhifə parametrləri bloku brauzerin saytınızı internetdə düzgün göstərməsinə kömək edən bütün "göstərilməyən" elementləri ehtiva edir.
Bütün seçimlərteq daxilində konfiqurasiya edilə bilər, biz ona baxacağıq, lakin bir az sonra - vaxtı gələndə.
Etiket
Teq, teq kimi, teqin içərisindədir.
Bu teq saytınızda göstərmək istədiyiniz bütün məlumatları göstərmək üçün lazımdır.
Başlıqlar, paraqraflar, cədvəllər, şəkillər və keçidlər teqdə ola biləcək elementlərin yalnız kiçik bir hissəsidir.
HTML sənədinin əsas strukturu:
… …
İlk saytınız
İndi HTML-dən istifadə edərək veb-saytlar yarada biləcəyinizi və bunun üçün əsas teqlərin istifadə olunduğunu bilirsiniz:
- . Veb səhifənin sərhədlərini təsvir edir.
- . Brauzerdə veb səhifəni göstərmək üçün parametrləri ehtiva edir.
- . Sayt ziyarətçilərinə göstərmək istədiyiniz bütün veb səhifə elementlərini (şəkillər, videolar, mətn və s.) ehtiva edir.
,, kimi digər teqlər haqqında tezliklə danışacağıq.
Oxucu nəinki bu yazını oxusa, həm də bacarıqlarını təkmilləşdirmək üçün dərhal qaçsa, əla olardı. HTML bacarıqlarınızı təkmilləşdirmək üçün siz yeni bacarıqlarınız üçün sınaq meydançası kimi xidmət edəcək ilk veb saytınızı yaratmalısınız.
Məlumdur ki, mobil operatorlar (“MTS”, “MegaFon” və s.) bizə mobil xidmətlər göstərir. Eyni şəkildə saytların yaradılması və idarə olunması xidmətləri hostinq operatorları tərəfindən bizə təqdim olunur. Veb saytınızı yaratmaq üçün istənilən pulsuz hostinq operatorunun saytına daxil olun.
Təsdiqlənmiş hosting təminatçılarına BEGET və ya daxildirməsələn, reg. İstənilən şəxsi seçə bilərsiniz.
Qısa qeydiyyatdan sonra, 24 saatdan sonra, bütün dünyaya görünən İnternetdəki ilk veb-saytınız avtomatik olaraq yaradılacaq və siz məşq etməyə başlaya bilərsiniz!
Müasir sayt strukturu
İndi saytınız olduğuna görə, teqdə hansı teqləri ehtiva etdiyinə və onların saytlardakı məlumatları necə təşkil etdiyinə baxın.
Yuxarıdakı şəkil HTML dilinin ən son versiyası - HTML5 ilə gələn strukturun sxematik təsviridir. HTML5 ilə birlikdə təkcə yeni teqlər deyil, həm də veb-saytların qurulması mənası gəldi. Şəkildə gördüyünüz bütün teqlər əsas etiketin içərisindədir. Bu teqlər saytınızın strukturunun "konturunu" göstərməyə və ona məna verməyə kömək edir.
Məsələn, teqlərin içərisində … saytın başlığını (teqlər) və sayt təsvirini (teqlər) yerləşdirmək rahatdır.
Saytın menyusunu (linklərini) (teqini) teqlərin içərisinə yerləşdirmək rahatdır.
Teqlərin içərisinə məna ilə bağlı istənilən böyük məlumat blokunu yerləşdirmək rahatdır. Bu, hər biri teqlərə "bükülmüş" bir neçə məqalə və ya fotoşəkillər (teq) və ya cədvəllər (teqlər) ola bilər.
) və daha çox.
Teqlərin içərisində. mənasına uyğun gəlməyən hər hansı məlumatı yerləşdirmək rahatdır.
Teqlərin içərisində əlaqə məlumatları, saytın əlavə bölmələri və sair kimi əlavə məlumatların yerləşdirilməsi adətdir.
Beləliklə, siz müasir veb-saytların nədən hazırlandığını bir az daha yaxşı bilirsiniz. üçün bir nümunə götürəkbaşımdakı qarışıqlıq fikirdən gələn qorxu ilə əvəz olundu.
Beləliklə, hostinq operatorunuzun saytında fayl menecerini açdığınız zaman index.php adlı sənəd tapdığınız zaman orada saytınızın strukturunu sıfırdan yazmaqdan çəkinməyin.
İlk vebsaytım
Səhifənin başlığı
Səhifənin təsviri
Link 1 | Link 2 | Link 3
Bəzi məqalənin başlığı
Bu, istənilən məlumatı ehtiva edən blokdur və CSS-in köməyi ilə siz bu bloku və bütün saytı bütün məzmunu ilə istədiyiniz kimi rəngləyə bilərsiniz. © Bütün hüquqlar qorunur
Sayt üçün müxtəlif parametrlərin olduğunu dediyimizi xatırlayırsınız? Budur:
- İstifadə etməklə biz brauzerlərə göstəririk ki, saytda həm rus, həm də ingilis hərfləri ola bilər (əks halda saytı açanda dəhşətli krakozyabrı görəcəksiniz).
- brauzer nişanında və axtarış sistemində ("Yandex", Google və s.) göstəriləcək səhifə adını göstərmək üçün istifadə olunur.
Əlbəttə, CSS üslubu olmadan saytınız xəsis görünəcək (ağ fonda qara hərflər), lakin əvvəlcə HTML-də ilk səhifənizi yazmağa cəhd etməyinizə əmin olun.
Təbrik edirik! Siz indi öz vebsaytınızda ilk veb səhifənizi yaratdınız! Daha maraqlı olacaq!
