HTML səhifəsini necə yaratmaq olar

Öz web səhifənizi yaratmaq istəyirsinizsə, HTML-dən anlayışınız olmalıdır. This article explains how to create an HTML page. Həm də, xml sayt xəritəsini necə yaratmağı və şəkil və keçid əlavə etməyi öyrənəcəksiniz. Xml sayt xəritəsi yaratmaq da vacibdir, saytınızı təşkil etməyə və trafikinizi artırmağa kömək edə bilər. Növbəti addım bir şablon seçməkdir.

Creating a html page

HTML işarələmə dilidir. Veb səhifənin hər bir elementi etiketlə təmsil olunur. Etiket bucaqlı mötərizələrlə müəyyən edilir, və hər bir elementin bir və ya daha çox teqi var. Bəzi elementlər yalnız bir etiket tələb edir; digərləri iki tələb edə bilər. Açılış və bağlanma teqlərində irəli əyilmə var (/). Misal üçün, paraqraf elementi p teqi ilə təmsil olunur. Açılış və bağlanış teqləri arasındakı mətn paraqraf mətnidir.

HTML sənədi yaratmaq üçün, mətn redaktorundan istifadə etməli olacaqsınız. Əksər kompüterlərdə standart olaraq mətn redaktoru var. Windows istifadəçiləri Internet Explorer-dən istifadə edəcəklər, Mac istifadəçiləri isə TextEdit istifadə edə bilərlər. Peşəkar görünüşlü veb səhifə yaratmaq üçün zərif mətn redaktoru quraşdıra bilərsiniz, ancaq ilk HTML səhifəniz üçün, lazım deyil. Sadə mətn redaktoru və istənilən veb brauzerdən də istifadə edə bilərsiniz. Hansı proqramı istifadə edəcəyinizə əmin deyilsinizsə, pulsuz HTML redaktoru endirməyə çalışın.

Html səhifəsi iki əsas bölmədən ibarətdir: bədən və baş. Bədən bölməsi veb-saytın faktiki məzmununu ehtiva edir, başlıq bölməsi isə başlıq və meta məlumat üçün istifadə olunur. Bədən bütün digər elementləri ehtiva edir, şəkillər və digər qrafiklər daxil olmaqla. Başlıq bölməsi naviqasiya bağlantılarınızı yerləşdirmək üçün yerdir. Bədəni yazmağı bitirdikdən sonra, sənədin məzmununu daxil etməyə hazırsınız. Veb saytınızın hər kəs üçün əlçatan olmasını təmin etmək üçün bədən və baş elementlərindən istifadə etdiyinizə əmin olun.

Creating a xml sitemap

If you have an HTML page, axtarış motorlarına veb saytınızı taramasına kömək etmək üçün XML sayt xəritəsi yaratmaq istəyə bilərsiniz. Baxmayaraq ki, bu, axtarış reytinqinizə təsir etməyəcək, bu, axtarış motorlarına məzmununuzu anlamağa və onların tarama sürətini tənzimləməyə kömək edəcək. Bu yolla, veb saytınız axtarış sistemlərinin nəticələrində daha çox görünəcək. Başlamaq üçün bir neçə asan addım var:

HTML sayt xəritəsi yaratmaq asandır. Etməli olduğunuz şey saytınızın səhifələrinin sadə cədvəlini hazırlamaqdır, hər səhifəyə keçidlərlə. Sonra başlıq və ya altbilgidə həmin sayt xəritəsi səhifəsinə keçid edin. Bu yolla, saytınızın neçə səhifəsi olmasından asılı olmayaraq, insanlar onların arasından asanlıqla keçə bilirlər. Üstəlik, sayt xəritəsi yaratmaq üçün SEO təqdim etməli deyilsiniz.

HTML səhifəniz canlı olduqdan sonra, onu Google Axtarış Konsoluna təqdim edin. İstənilən fayl uzantısından istifadə edə və XML sayt xəritənizi adlandıra bilərsiniz. XML sayt xəritəsini Google-a təqdim edə bilərsiniz, amma lazım deyil. Google-un tarayıcıları ümumiyyətlə yeni məzmun kəşf etməkdə kifayət qədər yaxşıdır, və onlara sayt xəritəsi təqdim etməyinizə ehtiyac yoxdur. Siz onu digər axtarış sistemlərinə də göndərə bilərsiniz, lakin bu, Google tərəfindən kəşf olunacağınıza zəmanət vermir.

Veb səhifənizə XML sayt xəritəsi əlavə etmək lazım deyil, lakin veb saytınızın SEO-nu artıracaq. Sayt xəritələri axtarış motorları tərəfindən veb səhifə ilə birbaşa əlaqəsi olmayan səhifələri indeksləşdirməyə kömək etmək üçün istifadə olunur.. Sayt xəritələri həmçinin zəngin media məzmununun əlçatanlığını yaxşılaşdırmağa kömək edir. Veb saytınıza sayt xəritəsi əlavə etmək saytınızı axtarış motoru botları üçün daha əlçatan etməyə kömək edə bilər.

Adding a picture

In HTML, img teqindən istifadə edərək səhifəyə şəkil əlavə edə bilərsiniz. Bu teq yalnız şəkil və onun atributlarını ehtiva edir; bağlama etiketi tələb etmir. Bu şəkil etiketi HTML sənədinin əsas hissəsinə daxil edilməlidir. Şəklin eni və hündürlüyünə əlavə olaraq, şəkli təsvir edən alt atribut daxil etməlisiniz. Alt teq, onu görə bilməyən bir şəxs üçün təsviri yazdığınız kimi yazılmalıdır.

HTML sənədinə şəkil əlavə etmək üçün bir az CSS və HTML bilikləri tələb olunur. Şəklin ölçüsü və həlli nəzərə alınmalı ən vacib amillərdən ikisidir. Şəklin ölçüsü sənədin məzmununa necə uyğunlaşacağını müəyyənləşdirəcək. Fərqli qətnamə və ya aspekt nisbətindən istifadə etməyi üstün tutursunuzsa, siz həmçinin şəklin ölçüsünü dəyişməyə cəhd edə bilərsiniz. Lakin, unutmayın ki, miqyaslama həmişə gözlədiyiniz kimi işləmir.

Şəklin ölçüsünü tənzimləmək üçün yaxşı bir qayda onun enini artırmaqdır. Genişlik hündürlükdən ən azı bir piksel kiçik olmalıdır. Şəkil göstərmək üçün çox kiçikdirsə, haşiyə əlavə edə bilərsiniz, və sonra onu şəkil ölçüsünə uyğunlaşdırın. Siz həmçinin şəklin sərhədini sərhəd atributuna əlavə etməklə düzəldə bilərsiniz. Haşiyə qalınlığı standart dəyərdir, lakin siz onu istənilən qiymətə təyin edə bilərsiniz. Şəklin src atributuna malik olduğundan əmin olun.

Adding a link

You can add a link in HTML to your document using an a> href atributu ilə etiketləyin. Bu, sənəd üçün əlfəcin yaradacaq və onu yeni tabda açacaq. Sənədə şəkil daxil etmək üçün href atributundan da istifadə edə bilərsiniz. HTML düyməsini linkə çevirmək üçün JavaScript kodu olan linkdən də istifadə edə bilərsiniz. Bunu etdikdən sonra, linkinizi CSS və ya JavaScript kodu ilə tərtib edə bilərsiniz.

Link bir veb resursdan digərinə keçiddir. İki ucdan ibarətdir, mənbə lövbəri və təyinat lövbəri. Link təsvirdən mətn faylına qədər hər şey ola bilər. Əksər sosial şəbəkə saytları və veb saytları istifadəçiləri müəyyən bir URL-ə yönəltmək üçün keçidlərdən istifadə edir. HTML də linkin yerini təyin etmək üçün istifadə edilə bilər. Bu’ atribut kod elementlərini URL ilə əlaqələndirməyə imkan verir.

Bir keçid dizayn edərkən, ziyarətçilərinizin məzmundan necə istifadə edəcəyini nəzərə aldığınızdan əmin olun. Link mətni təsviri olmalıdır, ki, onlar nə gözlədiklərini dəqiq bilsinlər. Eyni URL-nin təkrarlanması ekran oxuyanlar üçün çirkindir, və onlara heç bir faydalı məlumat vermir. Ekran oxuyucuları həmçinin istifadəçilərə linklərin mövcud olduqda onları fərqli üslubda və ya vurğulamaqla bildirirlər. Bu minvalla, lazım olan məlumatları asanlıqla tapa bilirlər.

Adding a table

Adding a table to an HTML page is simple, lakin bunu etməzdən əvvəl nəzərə almalı olduğunuz bir neçə şey var. Cədvəlinizin fon rəngi ziyarətçinizin diqqətini çəkmək və vacib məlumatlara diqqəti cəlb etmək üçün çox vacibdir. Hex rəng kodları və ya rəng adlarından istifadə edərək cədvəlin başlıq elementi və məlumat elementi üçün fərqli rəng təyin edə bilərsiniz. İstənilən halda, masanız asanlıqla görünəcək.

Siz td elementi ilə cədvəl başlığı və cədvəl məlumatı əlavə edə bilərsiniz, fərdi müəyyən edən “qutular” məzmun üçün. Cədvəl başlığının əlavə edilməsi veb-səhifədə məlumatları göstərmək üçün ilk addımdır, və istəyirsinizsə, birincisini əlavə etməlisiniz. Cədvəldə üç sıra başlıq da olmalıdır. Bir başlıq boş olmalıdır. Cədvəlinizdə sütunlar varsa, siz həmçinin hər bir sütun üçün sətir başlıqları yaratmalısınız.

Siz həmçinin cədvəlinizə başlıqlar əlavə edə bilərsiniz. Başlıq cədvəlin məqsədini təsvir edən isteğe bağlı elementdir. Başlıqlar əlçatanlıq üçün də faydalıdır. Cədvəldə həmçinin məlumat qruplarını təsvir edən xanalar ola bilər. Nəhayət, sətir və sütunlar dəstini müəyyən etmək üçün thead elementini əlavə edə bilərsiniz. Hər iki elementi birlikdə və ya ayrıca istifadə edə bilərsiniz. Onları hətta kombinasiyada da istifadə edə bilərsiniz, amma başlıq ən önəmlisidir.

Adding a div

Adding a div to an HTML file allows you to add a section of your webpage without re-writing the whole page. Div elementi mətn üçün xüsusi konteynerdir, şəkillər, və digər elementlər. İstədiyiniz hər hansı bir ad verə və ehtiyaclarınıza uyğun olaraq atributlarını dəyişə bilərsiniz. Siz həmçinin div və səhifənizdəki digər elementlər arasında boşluq yaratmaq üçün sinif və ya kənar əlavə edə bilərsiniz.

Siz həmçinin div içərisinə kod daxil etmək üçün innerHTML atributundan istifadə edə bilərsiniz. Bu üsul sətirə daxil edilmiş kodu qəbul edir, və div daxilində deyilsə, məzmun silinəcək. Bu şəkildə div-ə kod daxil etməkdən çəkinməlisiniz, çünki bu, veb saytınızı saytlararası skript boşluqlarına məruz qoya bilər. JavaScript kimi bir skript dilindən istifadə edirsinizsə, innerHTML atributundan istifadə edə bilərsiniz.

Div sənəd daxilində kodu qruplaşdırmaq üçün istifadə edilən əsas HTML teqdir. Bu paraqrafdan ibarət ola bilər, blok sitatı, şəkil, audio, və ya hətta bir başlıq. Onun mövqeyi səhifənin müxtəlif bölmələrinə vahid üslub və dil tətbiq etməyə imkan verir. Ardıcıl elementlər qrupları üçün ümumi olan semantikanı qeyd etmək üçün divlər ən yaxşı şəkildə istifadə olunur. Bütün səhifəni yenidən yazmadan bölməyə üslub əlavə etmək istədiyiniz zaman div istifadə edilməlidir.