Veb-saytlar, bloqlar, veb səhifələr - dövrümüzdə artıq tanış olan anlayışlar. İnternetin inkişafı ilə veb səhifələrin yerləşdirilməsi üçün saytlar inanılmaz dərəcədə populyarlaşdı və bu, təəccüblü deyil: bəzi insanlar üçün öz veb-saytına sahib olmaq zərurətdir, digərləri üçün bu, xoş bir əyləncədir. Birinci halda, adətən firmalar, korporasiyalar, fərdi sahibkarlar tələb olunan hər hansı məhsul və ya xidməti reklam edərkən söhbət gedir. İkincisi bloggerlər haqqındadır.
Bundan başqa, sadəcə olaraq məlumat axtaran, bloqları oxuyan, videolara baxan və s. olan İnternet istifadəçiləri var.
Keyfiyyətli vebsayt yaratmaq üçün bir çox seçim var. Biz diqqəti HTML vasitəsilə veb proqramlaşdırmaya yönəldəcəyik.
HTML nədir
HTML Hyper Text Mark-Up Language deməkdir. İngilis dilindən tərcümədə bu, "Hypertext Markup Language" deməkdir.
Başqa sözlə, HTML kodlar toplusudur ki, onun köməyi ilə saytın əsas elementlərini, onun çərçivəsini yarada bilərsiniz.sözlər cümlələrdən necə qurulur.
HTML kodları yalnız Latın hərfləri ilə yazılır və teqlər adlanır və hər bir kod bucaqlı mötərizə içərisindədir. Bəzi teqlər qoşalaşdırılıb, bəziləri qoşalaşdırılmayıb.
Qoşalaşdırılmış o deməkdir ki, onlar mütləq cüt-cüt istifadə edilməlidir. Məsələn, açılış teqi veb-səhifənin haradan başladığını, bağlanma teqi isə harada dayandığını göstərir. Sonuncu, açılan bucaq mötərizəsindən sonra kəsik işarəsinin olması ilə birincisindən fərqlənir. Məsələn, açılış teqi,bağlanış teqidir.
Qoşalaşdırılmamış teqlərin partnyora ehtiyacı yoxdur.
Bir çox teqlərin atributları ola bilər - ona daha konkret məna verən əlavə elementlər. Məsələn,. teqi
HTML istifadə edildiyi yer
HTML-nin harada lazım olduğuna dair klassik anlayış vebsayt yaratmaqdır.
Təcrübədə bu kifayət ola bilər, çünki HTML sizə saytın əsas elementlərini, menyularını (çoxsəviyyəlilər daxil olmaqla) yaratmağa, fonu təyin etməyə, mətn, şəkillər, audio, video daxil etməyə, şriftləri redaktə etməyə imkan verir. və daha çox.
Lakin veb səhifəyə daha maraqlı və tez-tez lazımlı elementlər əlavə etməyə imkan verən başqa dillər də var:
- CSS, məsələn, mətnin rəngi və şrifti kimi teqlərdən istifadə edərək fərdi elementlərin üslub xüsusiyyətlərini daim təyin etməyə ehtiyac olmadan bütün sayt üçün üslublar təyin edir.
- Skript dili sizə mini-proqramları (skriptləri) hazırlamağa və sayta yerləşdirməyə imkan verir.banal estetik şeylər (siçan ilə üzərinə getdikdə keçidin rənginin dəyişdirilməsi) və funksional olanlarla bitən (müştəri e-poçt ünvanlarının, telefon nömrələrinin toplanması).
- PHP ilə siz öz qonaq kitabınızı və ya şərh sisteminizi inkişaf etdirə bilərsiniz.
Həmçinin HTML paylanma üçün e-poçtların yaradılmasında istifadə olunur.
Link nədir
Onlar sizə həm sayt daxilində, həm də xaricdən başqa veb səhifəyə keçməyə imkan verir.
HTML keçidləri çox istifadə olunur:
- Xarici veb resursuna getmək üçün.
- Saytdaxili səhifələrdə hərəkət etmək üçün.
- Google formalarına getmək üçün.
HTML-də mənbəyə keçid də tez-tez göstərilir, xüsusən də başqa saytdan materialı köçürərkən müəllifi göstərməlisiniz. Əks halda, atributsuz kopyalama müəllif hüquqlarının pozulması, məzmunun oğurlanması və əks nəticə kimi təriflərə düşə bilər. Bundan əlavə, borc götürülmüş, unikal olmayan materialların istifadəsi SEO performansını azaldır və mənbəyə keçidin göstərilməsi riskləri azaldır.
Bağlantı növləri
Klassik mənada link veb resursun üzərinə klikləməklə daxil ola biləcəyiniz ünvandır.
Bundan başqa, hiperlinklər var: mətn və şəkillər. Bu hallarda HTML linki hansısa cümlənin (sözün) və ya şəklin altında "gizlənir" və onu izləmək üçün mətnin və ya şəklin üzərinə klikləməlisiniz.
Digər bağlantı növləri:
- Baxılmamış - müəyyən sessiya zamanı hələ kliklənməmiş keçid. Məsələn, dünən bu linki izləmisinizsə, sonra kompüterinizi söndürüb bu gün yenidən yandırmısınızsa, indi yeni sessiya başladığı üçün linkə yenidən baxılmayıb.
- Aktiv - bu vəziyyətdə keçid çox qısa müddətə saxlanılır: linkə klikləməklə ona əməl etmək arasındakı interval.
- Ziyarət edilib - bir seans ərzində ən azı bir dəfə ziyarət edilmiş keçid.
Adi mətn keçidləri üçün, başqa cür göstərilmədiyi təqdirdə ziyarət edilənlər rəngini dəyişir.
Hiperlinkli şəkil ziyarət edilib-edilməməsindən asılı olmayaraq görünüşünü dəyişmir.
Adi keçidi necə daxil etmək olar
Bir çox veb-resurslar saytın ünvanını keçid kimi qəbul edir, onu dərhal tıklanabilir edir və rənglə vurğulayır. Məsələn, əgər ünvan messencerdə və ya e-poçtla göndərilibsə, üzərinə klikləməklə sayta daxil ola bilərsiniz.
HTML-dən istifadə edərək özünüz sayt yaratdığınız halda, xüsusi teqdən istifadə edərək link daxil etməlisiniz. Bu belə görünəcək: vebsayt ünvanı. HTML-də link mətni protokolla tam şəkildə göstərilməlidir.
Mətn hiperlinkini necə daxil etmək olar
Əvvəllər deyilirdi ki, mətn hiperlink adi keçid kimi eyni funksiyanı yerinə yetirir, lakin daha estetik görünür: çox vaxt lazımsız yerə uzun olan sayt ünvanı əvəzinə söz və ya söz ifadəsi göstərilir. Məsələn, "Burada məlumat axtarın" cümləsində linki gizlədə bilərsiniz"burada" sözü. O, vurğulanacaq və üzərinə klikləməklə istifadəçi istədiyi sayta yönləndiriləcək.
HTML keçidinin necə hazırlanacağı daha əvvəl müzakirə olunub. Eyni teqdən istifadə edərək mətn hiperlinkini daxil edə bilərsiniz. Yeganə fərq ondadır ki, teqlər arasında linkin gizlədiləcəyi mətni qeyd etməlisiniz: görünən mətn.
Şəkil hiperlinkini necə daxil etmək olar
Burada bir az daha mürəkkəbdir. Biz eyni teqdən istifadə edirik, lakin mətn əvəzinə şəklə gedən yolu göstərməlisiniz.
Yol şəklin yeridir. Şəkil (şəkil) fayl paylaşma xidmətində yerləşirsə, o zaman şəkilə gedən yol boyunca bütün qovluqları kəsik işarəsi ilə göstərməlisiniz. Mümkünsə, şəkilə keçid də əlavə edə bilərsiniz.
Etiket etmək üçün
src-ə əlavə olaraq, təsvirin hündürlüyünü, enini və yerini və daha çoxunu tənzimləməyə imkan verən digər atributlar da tətbiq olunur. Onlardan bəziləri:
- Src - şəklə gedən yolu müəyyən edir.
- Lowsrc - əvvəlki atributla eynidir, lakin aşağı keyfiyyətli şəkillər üçün nəzərdə tutulub.
- Hündürlük - şəklin hündürlüyü.
- Eni - eni.
- Alt - şəklin təsviri. Fotoşəklin və ya şəklin üzərinə gətirdiyiniz zaman bu atributda göstərilən mətn açılacaq.
- Sərhəd - şəklin ətrafındakı haşiyənin qalınlığını müəyyən edir.
Atributlar etiketdən sonra müəyyən edilir və daxil edilironun tərkibi. Atributdan sonra onun dəyəri olmalıdır. Məsələn, "hündürlük" və ya "en" (hündürlük, en) atributları üçün veb-səhifədəki təsvirin hündürlüyünü təyin edir. Ölçü vahidi başqa cür göstərilmədiyi təqdirdə pikseldir.
Belə görünəcək: <a href="veb səhifə ünvanı"
. Bu atributlar şəkil üçün uyğun ölçü təyin etməyə kömək edəcək. Sərhəd şəklin ətrafında görünməz haşiyə yaratmağa kömək edir.
Yuxarıdakı atributlar şəkil daxiletmə teqinə ayrıca tətbiq edilir. Məsələn:.
Anker keçidləri nədir
Lanker keçidləri yaratmaq çox faydalı bacarıqdır. Çox vaxt uzun mətn bloku və ya bir səhifədə bir neçə alt bölməsi olan bir veb səhifənin tərtib edilməsinə ehtiyac var. Bu halda siz dərhal mətnin və ya veb səhifənin alt bölmələrinə keçidlərin siyahısı ilə başlaya bilərsiniz və onların üzərinə kliklədiyiniz zaman istifadəçi birbaşa tələb olunan bölməyə keçəcək.
Lanker keçidlərinin yaradılması digər növ bağlantılara nisbətən atribut teqlərindən daha çox istifadə tələb edəcək.
İlk olaraq yuxarı atributdan istifadə edərək hər bir məlumat bloku və ya mətnin alt bölməsi üçün ümumi dəyəri təyin etməli və sonra onu müvafiq keçidlə əlaqələndirməlisiniz.
Onların xüsusiyyətləri daha genişdir, ona görə də əvvəlcə daha sadə keçidlərin yaradılmasını mənimsəmək, sonra isə lövbər keçidlərinin formalaşmasına keçmək məsləhətdir.
İpucu
Təcrübəlilərdən köməkproqramçılar:
- Siz bunu elə edə bilərsiniz ki, keçid haqqında məlumat HTML-də hoverdə göstərilsin. Bunun üçün qrafik elementlər üçün də istifadə etdiyimiz alt atribut faydalı ola bilər.
- HTML-dən istifadə edərək keçidlərin siyahısını hazırlamaq mümkündür. Xüsusilə, bu, lövbər keçidləri üçün, eləcə də birbaşa cari veb-səhifədən keçidlə izlənilə bilən veb resursların siyahısını tərtib etmək lazım olduqda faydalı ola bilər.
- CSS və JavaScript-in, həmçinin bəzi HTML funksiyalarının köməyi ilə siz mətn keçidlərinin və hiperlinklərin həmişəkindən fərqli dizaynını yarada bilərsiniz. Məsələn, siçanı keçidin üzərinə gətirdiyiniz zaman o, öz rəngini dəyişə və kursor ondan uzaqlaşdıqda əvvəlkinə qayıda bilər. Bu, xüsusi JavaScript skripti ilə edilə bilər. Bundan əlavə, keçid rəngi ziyarət edilməmiş üçün mavi və ya ziyarət üçün bənövşəyi deyil, başqa bir şeyə təyin edilə bilər. Bu, CSS-in işidir.
- Linklərdən sui-istifadə etməyin. Çoxlu uyğunsuz keçidləri olan veb səhifə səliqəsiz və səliqəsiz görünür.
- İstifadəçinin şəkillə hiperlinkin sadəcə şəkil deyil, həqiqətən də şəkil olduğunu başa düşdüyünə əmin olun.
Nəticə
HTML-də səhifəyə keçid etmək çox asandır. Bu dilin bütün əsas məqamlarına riayət etmək vacibdir, çünki kiçik bir səhv belə nəticənin olmamasına və kodun işləməyəcəyinə səbəb ola bilər.
