HTML dilinin təsviri. HTML dilinin qısa təsviri HTML dili və onun istifadəsi

HTML dilinin əsas strukturları.

HTML (HyperText Markup Language) - Veb səhifələrin yaradıldığı brauzer üçün xüsusi təlimatlar.

Yəni, Web səhifələr mətn və xüsusi HTML teqləri (deskriptorları) olan HTML formatında sənədlərdir. Ümumiyyətlə, HTML teqləri brauzerin “başa düşdüyü” mətni formatlaşdırmaq (yəni, ona istədiyiniz görünüşü vermək) lazımdır. HTML sənədləri uzantılı fayllar kimi saxlanılır. htm və ya. html.

HTML teqləri brauzerə Veb səhifənin strukturu və formatı haqqında məlumat verir. Hər bir etiketdə xüsusi təlimat var və bucaqlı mötərizədə yerləşdirilib. Əksər teqlər açılış və bağlanış hissəsindən ibarətdir və içindəki mətnə ​​təsir göstərir.

HTML kodu ilə daha tez tanış olmaq üçün bəyəndiyiniz səhifəyə “HTML kimi” rejimində baxa bilərsiniz. Bunu etmək üçün brauzerdə "Görünüş" - "HTML olaraq" menyu elementini seçməlisiniz.

Bundan sonra HTML kodunun mənbə mətni ilə yeni pəncərə açılacaq. Hazır HTML koduna baxmaqla siz daha təcrübəli proqramçılar tərəfindən dil teqlərinin necə istifadə edildiyini öyrənəcəksiniz. Bu, həm də zaman-zaman ortaya çıxan müxtəlif problemləri aradan qaldırmağın yollarından biridir.

Veb Səhifələr Necə Yaradılır

HTML dili veb səhifənin müəyyən elementlərinin formatını və ya məqsədini təyin etmək üçün istifadə olunan teqlər adlanan xüsusi əmrlər toplusunu müəyyən edir. Veb səhifələrdə qrafik təsvirləri, audio və video klipləri və digər daxil edilmiş obyektləri yerləşdirmək üçün xüsusi teqlərdən istifadə olunur.

Görünən mürəkkəbliyinə baxmayaraq, Veb səhifələr mürəkkəb deyil. Bunlar standart Notepad və ya oxşar sadə mətn redaktorunda yaradılmış adi mətn fayllarıdır. Və onlar mətndən ibarətdir, səhifələrə qoymaq istədiyiniz eyni mətni, yalnız xüsusi şəkildə işarələnmişdir...

HTML hiper mətn işarələmə dilini öyrənmək çox asandır. Onun öyrənilməsini istənilən dil dilinin öyrənilməsi ilə müqayisə etmək olar. Məsələn, əsas vahiddə söz varsa, HTML-də bu minimal vahid teqdir. Əsasən, bunlar html veb səhifəsi işarələmə dilində əmrlərdir. İstənilən veb səhifə, istənilən sayt mətn, qrafika və s.-dən ibarətdir. Və bütün bu sevinclər kiçik və gözə dəyməyən teqlər tərəfindən idarə olunur. Teqlər mətn və şəkilləri mənasız bir qarışıqlıq əvəzinə, sərt strukturlaşdırılmış bir quruluşa çevirən şeydir. Məhz etiketlər sayəsində saytdakı mətn müxtəlif ölçü və rənglərlə ziyarətçini sevindirir. Teqlərin imkanları sonsuzdur, onların sayı böyükdür

Ciddi tərif: Teq bucaqlı mötərizələrə alınmış mətndən ibarət HTML elementidir. Teq ondan sonra gələn məlumatın təqdimatını dəyişdirən aktiv elementdir. Bir etiket bir sıra atributlara malik ola bilər. Tipik olaraq iki etiket istifadə olunur - açılış və bağlanma.

Brauzerə göndərilən hər hansı HTML sənədi bəzi tələb olunan hissələrdən ibarət olmalıdır:

hər bir sənəd sənədin HTML standartının hansı versiyasına uyğun olduğunu göstərən sətirlə başlamalıdır (bizim halda biz HTML 4.01-dən istifadə edirik); onda kök teq olmalıdır və sənədin sonunda bağlanmalıdır; Sonra bir etiket olmalıdır. O, bir növ xidmət teqləri, skriptlər və s. üçün konteyner kimi xidmət edir, ümumiyyətlə, xidmət məlumatlarının saxlanması üçün lazımdır; Və sonuncusu, birbaşa səhifədə göstəriləcək bütün məlumatların saxlandığı etiketdir.

Beləliklə, sadə HTML sənədinin strukturu belə görünür:

HTML sənəd strukturu

- Sənədin başlanğıcı

SƏNƏDİN ADI

SƏNƏDİN MƏQSƏDİ

- Sənədin sonu

HTML elementləri

Əksər, lakin hamısı deyil, HTML teqləri qoşalaşdırılır ki, açılış teqinin ardınca mətn və ya digər teqlər olan müvafiq bağlanma teqi olsun, məsələn:

Ön söz

Belə hallarda, iki teq və sənədin onlarla ayrılmış hissəsi HTML elementi adlanan blok təşkil edir. Bəzi teqlər, məsələn, , özlüyündə HTML elementləridir və onlar üçün müvafiq son teq yanlışdır. Bundan sonra, biz tələb olunan bucaq mötərizələrini buraxaraq etiketlərə adları ilə müraciət edəcəyik.

Atributlar

Hər bir teq üçün bir çox mümkün atribut müəyyən edilmişdir. Əksər teqlər bir və ya daha çox atributlara icazə verir, lakin heç bir atribut olmaya bilər. Atribut spesifikasiyası aşağıdakı ardıcıllıqla aşağıdakılardan ibarətdir:

WIDTH kimi atribut adı, "80" kimi simvol sətri ilə təyin olunan atribut dəyərinin bərabər işarəsi (=).

Tək dırnaq ("80") və ya qoşa dırnaq ("80") istifadə edərək, atribut dəyərini dırnaqlara əlavə etmək həmişə yaxşı fikirdir. Sitatlanmış sətir öz daxilində eyni dırnaq işarələrini ehtiva etməməlidir. Beləliklə, əgər tarix qoşa dırnaq içərisindədirsə, onu daha sonra əlavə etmək üçün tək dırnaq işarələrindən istifadə edin və əksinə. İki dırnaq işarəsinə üstünlük verilir, çünki insan gözü tək dırnaqları vurğu işarələri kimi simvollardan ayırmaqda çətinlik çəkə bilər.

Yalnız aşağıdakı simvollardan ibarət olan atribut dəyərləri üçün sitatları da buraxa bilərsiniz (adın texniki konsepsiyasına baxın):

İngilis simvolları (A - Z, a - z) rəqəmlər (0 - 9) zaman intervalları tire (-)

Beləliklə, WIDTH=80 və ALIGN=CENTER WIDTH="80" və ALIGN="CENTER" üçün qanuni stenoqramdır. URL-ə keçid, məsələn, HREF=foo. htm məqbuldur, lakin URL atributlarla istifadə edildikdə, sitat gətirilməlidir, məsələn, HREF="http://www.hut.fi/". Bəzi brauzerlər var ki, itkin sitatlara və ya açılış dırnaqları olan elementlərə icazə verir və bağlanma işarələri yoxdur. Ancaq bu təcrübədən istifadə etməmək daha yaxşıdır.

Abzas, boşluq simvolları, başlıq yaratmaq

Veb-brauzerlər adətən mətnin formalaşma mərhələsində istifadəçi tərəfindən mətnə ​​daxil edilən yeni sətir simvollarını nəzərə almırlar. Yeni abzasa başlamaq üçün etiketdən (teq) istifadə edin

Veb brauzer pəncərəsində səhifəni açdıqdan sonra onun mətninin bütün paraqrafları etiket (teq) ilə qeyd olunur.

Boş sətirlərlə ayrılmışdır ki, bu da onun tərtibatını və görünüşünü yaxşılaşdırır.

Varsayılan olaraq, brauzer adətən paraqrafları sola düzülməklə formatlayır. Düzəltməyə məcbur etmək üçün align atributundan istifadə edin. Onun köməyi ilə paraqraflar sola, sağa, mərkəzə və əsaslandırıla bilər.

Misal:

paraqraf sola düzülür... paraqraf sağa düzülür... paraqraf mərkəzə düzülür... bənd əsaslandırılır...

Brauzer ekranı: abzas düzülmüş sol abzas sol abzas abzas sol abzas abzas sol abzas abzas düzülmüş sol abzas abzas sol abzas abzas düzülmüş sol abzas abzas düzülmüş sol abzas abzas düzülmüş sol abzas paraqraf sola düzülmüş sağ paraqrafa düzülmüş sağ abzasa düzülmüş sağ abzasa düzülmüş sağ abzasa düzülmüş sağ paraqrafa düzülmüş sağ paraqrafa düzülmüş sağ paraqrafa düzülmüş sağ paraqrafa düzülmüş sağ abzasa düzülmüş sağ abzasa düzülmüş sağ abzas sağa yığılmış paraqraf mərkəzə düzülmüş paraqraf mərkəzə düzülmüş paraqraf mərkəzə düzülmüş abzas paraqraf mərkəzə düzülmüş paraqraf paraqraf mərkəzə düzülmüş paraqraf paraqraf mərkəzə düzülmüş paraqraf abzas mərkəzə düzülmüş paraqraf mərkəzə düzülmüş paraqraf mərkəzə düzülmüş paraqraf mərkəzə düzülmüş paraqraf mərkəzə düzülmüş paraqraf əsaslandırılmış paraqraf əsaslandırılmış paraqraf əsaslandırılmış paraqraf əsaslandırılmış paraqraf əsaslandırılmış paraqraf əsaslandırılmış paraqraf əsaslandırılmış paraqraf əsaslandırılmış paraqraf əsaslandırılmış paraqraf əsaslandırılmış bənd

Veb-brauzerlər paraqraflar daxilində mətni avtomatik olaraq yeni sətirə yığır. Əgər tapşırıq hər hansı sözlərin birləşməsini bir sətirdə yerləşdirməkdirsə, bu məqsədlə etiketdən (teq) istifadə olunur.

Yeni sətirə keçmək üçün etiketdən (teq) istifadə edin
. O, brauzerə mətn və digər səhifə elementlərini cari sətir daxilində yerləşdirməyi dayandırmağı və yeni sətirə keçməyi bildirir. Bu teqin (teq) kəsişmə nişanı, bağlanma teqi (teq) yoxdur.

Bu teq(lər)in əsas istifadəsi daxili elementləri səhifənin müəyyən bir yerində yerləşdirməyə məcbur etməkdir. Ayrı-ayrı səhifə elementləri arasında boş sahələri artırmaq lazım olduğu hallarda da rahatdır.

Veb brauzerlər adətən səhifə mətninə daxil edilmiş əlavə boşluq simvollarına məhəl qoymurlar. Bunun üçün   əmrindən istifadə edin. Bu əmr, qrafik və ya mətndən asılı olmayaraq səhifə elementləri arasında bölünməmiş boşluq yaradır. Nəzərə almalısınız ki, iki bitişik söz arasında boşluq əvəzinə   istifadə etmək hər iki sözün brauzer pəncərəsində müxtəlif sətirlərdə yerləşdirilməməsini təmin edir - onlar həmişə bir-birinin yanında yerləşəcəklər.

HTML veb sayt işarələmə dilidir. Bir çox insanlar bunu proqramlaşdırma kimi düşünür, amma belə deyil. HTML heç bir proqramlaşdırma dilində olan dəyişənləri, hesablamaları, massivləri və digər elementləri ehtiva etmir.

HTML-dən istifadə edərək tərtibatçı yalnız saytın görünüşünü yarada bilər. İşarələmə olmadan heç bir veb sayt olmadığını başa düşmək vacibdir. HTML veb səhifələrin yaradılması üçün əsasdır. Bütün digər funksiyalar müxtəlif proqramlaşdırma dilləri tərəfindən əlavə edilir.

HTML sənədinin yaradılması

İstənilən redaktorda sadə veb-sayt səhifəsi yarada bilərsiniz. Hətta Notepad bunu edəcək. Təcrübəsiz bir tərtibatçı üçün avtomatik əvəzetmə funksiyaları və digər məsləhətləri olan digər redaktorlardan istifadə etmək tövsiyə olunur. Bunun sayəsində siz hazır cədvəllər, keçidlər, şəkillər və digər elementlər yarada bilərsiniz. Ancaq Notepad-da hər hərfi əl ilə yazmalısınız.

Bir qayda olaraq, Notepad yalnız əlində başqa alətlər olmadığı hallarda istifadə olunur. Əvvəlcə mətn sənədi yaradılır və sonra html formatında saxlanılır. Bütün sayt səhifələrində html uzantısı olmalıdır.

HTML dili iyerarxikdir. Yəni HTML sənədinin xüsusi strukturu var. Bu nədir? Aydınlıq üçün aşağıya baxaq.

HTML sənəd quruluşu. Misal

Quruluş həmişə eynidir. Bir şeyi dəyişdirmək istəyirsinizsə, brauzer onu emal edə bilməyəcək. Nəticədə siz nəzərdə tutduğunuzu əldə etməyəcəksiniz.

Yuxarıdakı rəqəm istənilən html faylının strukturunu göstərir. Birinci element fayl növünü göstərir. Bu etiket bir dəfə müəyyən edilir. Xüsusi redaktorlardan istifadə etsəniz, bütün struktur avtomatik olaraq yaradılacaqdır. Siz standart dəyərləri tənzimləməlisiniz.

HTML sənəd quruluşu - əsas etiketlər:

Bütün saytın çərçivəsi bu üç teqdən ibarətdir. Şəkilə diqqət yetirin. Bu teqlərin hamısında “/” işarəsi olan bağlama etiketi var. Əl ilə yazırsanız, hər iki teqi birdən qoymağa alışın - açıb bağlamağa.

Yuxarıda deyilirdi ki, veb-sayt səhifələrində .html uzantısı var. Yəni mətn sənədi yaratsanız, lakin düzgün kodu yazsanız, brauzer hələ də sizə yalnız mətni göstərəcək. Kod çevrilməsi olmayacaq.

baş bölməsi

3-cü bəndin altındakı rəqəm baş hissəsini göstərir. Bu bölmədə xidmət məlumatları var. Məsələn, kodlaşdırmanı (maddə 4) və səhifənin başlığını (maddə 5) təyin edə bilərsiniz.

Həmişə bir başlıq olmalıdır. Onsuz heç bir axtarış sistemi veb-səhifədəki məzmunun (mətnin) adını müəyyən edə bilməyəcək. Və bu veb saytın tanıtımı üçün pisdir. Üstəlik, brauzer yuxarıda səhifə başlığını göstərməyəcək. Bu istifadəçi üçün narahatlıq yaradır.

Html sənədinin strukturu elədir ki, o, yalnız başlıq hissəsində göstərilir. Əgər etiket bədən bölməsində və ya ondan sonra göstərilibsə, işləyici ona diqqət yetirməyəcək.

Bundan əlavə, baş bölmə skriptləri, üslub fayllarını, axtarış motorları üçün təlimatları və ya istifadəçinin görməməli olduğu, lakin brauzer və ya proqramçılar üçün vacib olan hər hansı digər məlumatları birləşdirmək üçün məlumatları ehtiva edir.

Əlaqədar üslublar

HTML sənədinin strukturu üslubları müxtəlif yollarla birləşdirməyə imkan verir. Üstəlik, onlar hər bir elementdə ayrıca yazıla bilər. Lakin bu üsul tövsiyə edilmir, çünki kod çox böyük və əlverişsiz olur.

Fayl aşağıdakı kimi bağlanır.

href atributu faylın yolunu müəyyən edir. Yolda xəta olarsa, üslublar yüklənməyəcək. Type atributu da tələb olunur ki, bu da bunun css faylı olduğunu göstərir.

Başqa bir seçim üslubları birbaşa baş bölməsində müəyyən etməkdir.

Ancaq bu seçim də çox tövsiyə edilmir. Bu üsullar çox fərqlidir ki, css faylı bütün sayt üçün bir ola bilər və ona edilən bütün dəyişikliklər dərhal bütün səhifələrə tətbiq olunacaq. Və yuxarıdakı şəkildə göstərilən üsuldan istifadə etsəniz, o zaman saytın bütün mövcud səhifələrində dəyişiklik etməli olacaqsınız.

Əgər yaratdığınız sinif yalnız bir səhifədə istifadə olunacaqsa, bu seçim sizin üçün uyğundur.

Skriptləri birləşdirir

Skriptlər aşağıdakı kimi bağlanır.

Burada iki atribut tələb olunur: type və src. Birincidə bunun Javascript faylı olduğunu, ikincisində isə faylın yerləşdiyini göstəririk. Yazı səhvi etsəniz, heç nə işləməyəcək.

bədən bölməsi

Html sənədinin strukturu elədir ki, istifadəçiyə yalnız bədən bölməsində görünəcək məzmunu yerləşdirmək lazımdır. Etiketin adı özü üçün danışır.

Səhifənin bütün əsas kodu burada göstərilmişdir ki, bu da qeyri-məhdud sayda elementi əhatə edə bilər. Lakin kod nə qədər uzun olsa, onu emal etmək bir o qədər çox vaxt aparacaq.

Bədən bölgəsində istifadə edilə bilən ən əsas etiketlərə baxaq. Əsas olanlar çox deyil. Qalan hər şeyi bilik və təcrübəniz artdıqca öyrənəcəksiniz.

Əsas etiketlər

HTML sənədinin strukturu elementlərin yazılmasının məcburi qaydasını tələb edir. Teqlər həmişə kənarlarda mötərizələrlə əhatə olunmalıdır. Bu olmadan, brauzer bunun bir etiket olduğunu başa düşməyəcək. Açılış mötərizəsindən sonra həmişə elementin adı (teq) gəlir. Arada boşluğa icazə versəniz< и именем, то браузер посчитает это текстом.

Şəkil etiketinin nümunəsinə baxaq. Nəzərə alın ki, bu teq bağlantılardan, paraqraflardan və bir çox başqalarından fərqli olaraq bağlanma teqi deyil.

Atributların sırasının əhəmiyyəti yoxdur. Amma onların yazısı (dizayn) çox vacibdir. Atribut adı həmişə birinci gəlir, sonra bərabərdir işarəsi, sonra atribut dəyəri dırnaq içərisində yazılır. Dəyər fərqli ola bilər - rəqəmsal və ya mətn.

Bütün teqlərdəki src atributu yüklənməli olan faylın yolunu göstərir. Bütün elementlərdəki alt atribut qısa təsviri müəyyən edir. Bu halda, bird.jpg şəkli təsviri ilə yüklənir - quş şəkli.

Bundan əlavə, siz ölçüləri, yalnız eni və ya hündürlüyü, başlığı, düzülüşü, üslub sinfini və ya haşiyəsini təyin edə bilərsiniz.

Bədən bölməsində göstərilən digər əsas etiketlərə baxaq.

	Məqsəd
	Şəkillər
	Mətni yeni sətirə sarın
…	Miniatür
	Üzəri kəsilmiş mətn
	Altı xətt çəkilmiş mətn

Bütün bunları beyninizdə necə təsəvvür edə bilərsiniz?

Başlayan tərtibatçılar həmişə bütün bunları spekulyativ olaraq dərhal təsəvvür edə bilmirlər. Veb səhifə quruluşunun bir neçə nümunəsinə baxın, sonra mütləq başa düşəcəksiniz.

HTML (HyperText Markup Language) termini "hipermətn işarələmə dili" deməkdir. HTML-nin ilk versiyası Avropa Hissəciklər Fizikası Laboratoriyasının əməkdaşı Tim Berners-Li tərəfindən hazırlanmışdır.

HTML ilk versiya yaradılandan bəri bəzi dəyişikliklərə məruz qalmışdır. Kompüter dünyasındakı bir çox şey kimi, HTML-nin versiyaları və ya spesifikasiyaları nömrələnmişdir. Spesifikasiyalar 2.0, 3.0 və 3.2 məlumdur. Cari HTML spesifikasiyası həmişə W3C serverində tapıla bilər.

HyperText Markup Language (HTML) WEB mühitində hipermətn sənədləri yaratmaq üçün nəzərdə tutulmuş standart dildir. HTML sənədləri müxtəlif növ WEB brauzerləri tərəfindən baxıla bilər. HTML istifadə edərək sənəd yaradıldıqda, WEB brauzeri sənədin müxtəlif elementlərini vurğulamaq və əvvəlcə onları emal etmək üçün HTML-i şərh edə bilər. HTML-dən istifadə sənədləri formatlaşdırmağa imkan verir ki, onlara baxan istənilən sistemdə şriftlər, xətlər və digər qrafik elementlərdən istifadə etməklə təqdim olunsun.

Əksər sənədlərdə başlıq, paraqraflar və ya siyahılar kimi standart elementlər var. HTML teqlərindən istifadə etməklə siz bu elementləri təyin edə, WEB brauzerlərini bu elementləri göstərmək üçün minimum məlumatla təmin edə bilərsiniz, eyni zamanda, ümumilikdə sənədlərin ümumi strukturunu və informasiya tamlığını qoruyub saxlaya bilərsiniz. HTML sənədini oxumaq üçün lazım olan yeganə şey HTML teqlərini şərh edən və sənədi müəllifin verdiyi formada ekranda göstərən WEB brauzeridir.

Əksər hallarda sənədin müəllifi sənədin görünüşünü ciddi şəkildə müəyyənləşdirir. HTML vəziyyətində oxucu (WEB brauzerinin imkanlarına əsasən, müəyyən dərəcədə sənədin görünüşünə nəzarət edə bilər (lakin onun məzmununa deyil). HTML başlığın və ya paraqrafın harada olması lazım olduğunu qeyd etməyə imkan verir. HTML teqindən istifadə edərək sənədi təqdim edir və sonra bu teqləri şərh etmək üçün WEB- brauzeri təmin edir.

Məsələn, bir WEB brauzeri paraqraf teqinin başlanğıcını tanıya və sənədi istədiyiniz formada təqdim edə bilər, digərində isə bu qabiliyyət yoxdur və sənədi bir sətirdə təqdim edir. Bəzi WEB-brauzerlərin istifadəçiləri həmçinin sənədin ekranına təsir edən şriftin ölçüsünü və tipini, rəngini və digər parametrlərini fərdiləşdirmək imkanına malikdirlər.

HTML sənədləri istənilən mətn redaktoru və ya xüsusi HTML redaktorları və çeviricilərindən istifadə etməklə yaradıla bilər. HTML sənədləri yaratmaq üçün istifadə ediləcək redaktor seçimi yalnız hər bir müəllifin rahatlığından və şəxsi üstünlüklərindən asılıdır. Məsələn, Netscape-dən Netscape Navigator Gold kimi HTML redaktorları WYSIWYG (What You See Is What You Get) texnologiyasından istifadə edərək qrafik olaraq sənədlər yaratmağa imkan verir. Digər tərəfdən, ənənəvi sənəd yaratma vasitələrinin əksəriyyətində sənədləri HTML formatına çevirməyə imkan verən çeviricilər var.

Bütün HTML teqləri "" (sağ bucaqlı mötərizə) ilə başlayır. Tipik olaraq, başlanğıc və bitmə etiketi var. Nümunə olaraq, burada sənədin başlığını təsvir edən başlanğıc və son teqlərin daxilində mətni müəyyən edən başlıq teqləri verilmişdir: Sənədin Başlığı

HTML hərflərə həssas deyil, ona görə də yuxarıdakı nümunə belə görünə bilər:

Sənədin başlığı

Son teq başlanğıc etiketi ilə eyni görünür və ondan bucaq mötərizələrinin içərisindəki mətndən əvvəl kəsik işarəsi ilə fərqlənir. Bu misalda teq WEB brauzerinə başlıq formatından istifadə etməyi, teq isə başlıq mətninin bitməsini bildirir.

kimi bəzi etiketlər

(paraqrafı təyin edən etiket) son teq tələb etmir, lakin onun istifadəsi sənədin mənbə mətninə oxunuş və strukturu yaxşılaşdırır.

WEB brauzeri sənəd qəbul etdikdə sənədin necə şərh edilməsi lazım olduğunu müəyyən edir. Sənəddə görünən ilk teq . Bu teq WEB brauzerinə sənədinizin HTML istifadə edərək yazıldığını bildirir. Minimal HTML sənədi belə görünür:

...sənədin əsas hissəsi...

Sənəd başlığı

Sənədin baş etiketi etiketdən dərhal sonra istifadə edilməlidir və sənədin gövdəsinin başqa heç bir yerində istifadə edilməməlidir. Bu etiket sənədin ümumi təsviridir. İçinə hər hansı mətn yerləşdirməkdən çəkinin. Başlanğıc teq sənədi təsvir edən etiketdən və digər teqlərdən dərhal əvvəl, son teq isə sənədin təsviri bitdikdən dərhal sonra yerləşdirilir. Misal üçün:

İşçilərin siyahısı Sənədin adı

Əksər WEB brauzerləri, WEB brauzeri tərəfindən dəstəklənirsə, etiketin məzmununu sənədi ehtiva edən pəncərənin başlıq çubuğunda və əlfəcinlər faylında göstərir. və teqləri ilə ayrılmış başlıq yuxarıdakı nümunədə göstərildiyi kimi - teqlərinin içərisinə yerləşdirilir. Sənədin özü pəncərədə göstərildikdə sənədin başlığı görünmür.

Şərhlər

Hər hansı bir dil kimi, HTML də sənədin mətninə şərhlər daxil etməyə imkan verir, sənəd şəbəkə üzərindən ötürüldükdə saxlanılır, lakin brauzer tərəfindən göstərilmir. Şərh sintaksisi:

Şərhlər sənədin istənilən yerində və istənilən miqdarda görünə bilər.

Sənədin əsas etiketləri pəncərədə göstərilən HTML sənəd komponentlərini müəyyən edir. Sənədin mətnində digər sənədlərə, mətnə ​​və digər formatlaşdırılmış məlumatlara keçidlər ola bilər.

Sənəd orqanı

Sənədin əsas hissəsi və teqləri arasında olmalıdır. Bu, sənədinizin mətn və qrafik (semantik) məlumatı kimi göstərilən sənədin hissəsidir.

Paraqraf etiketi

Əksər mətn prosessorlarından fərqli olaraq, HTML sənədində karetanın qaytarılması ümumiyyətlə nəzərə alınmır. Fiziki abzas fasiləsi sənədin mənbə mətninin istənilən yerində yerləşdirilə bilər (oxumağı asanlaşdırmaq üçün). Bununla belə, brauzer yalnız etiket olduqda paraqrafları ayırır

Paraqrafları etiketlə ayırmasanız

Sənədiniz bir böyük paraqraf kimi görünəcək.

Hipermətn keçidləri WEB-i istifadəçilər üçün cəlbedici edən əsas komponentdir. Hipermətn keçidləri (bundan sonra - keçidlər) əlavə etməklə, siz istifadəçiyə lazım olan məlumatı mümkün qədər tez və rahat şəkildə əldə etməyə imkan verən əlaqəli və strukturlaşdırılmış sənədlər toplusunu düzəldirsiniz.

Linklər standart formata malikdir ki, bu da brauzerə onları şərh etməyə və linkin növündən asılı olaraq lazımi funksiyaları (zəng üsulları) yerinə yetirməyə imkan verir. Linklər başqa bir sənədə, həmin sənəd daxilindəki xüsusi yerə işarə edə bilər və ya brauzerin göstərilməsi üçün FTP vasitəsilə fayl tələb etmək kimi digər funksiyaları yerinə yetirə bilər. URL mütləq yolda müəyyən bir yeri göstərə bilər və ya böyük strukturlaşdırılmış WEB saytlarını təşkil edərkən tez-tez istifadə olunan cari yoldakı sənədi göstərə bilər. Hərəkət sənəd daxilində baş veribsə, əvvəlki keçidə qayıdın. Əgər sənəd daxilində keçidlərdən istifadə etsəniz və sonra Geri düyməsini sıxsanız, əvvəlki keçidə keçməyəcəksiniz, lakin sənədin əvvəl baxdığınız hissəsinə qayıdacaqsınız.

Vebin ən cəlbedici xüsusiyyətlərindən biri HTML sənədinə qrafika və digər məlumat növlərinə keçidlərin daxil edilməsidir. Bu etiketdən istifadə etməklə edilir . Bu etiketdən istifadə sənədlərin görünüşünü və funksionallığını əhəmiyyətli dərəcədə yaxşılaşdıra bilər.

HTML sənədlərində qrafiklərdən istifadə etməyin iki yolu var. Birincisi, qrafik təsvirlərin sənədə daxil edilməsidir ki, bu da istifadəçiyə şəkilləri birbaşa sənədin digər elementləri kontekstində görmək imkanı verir.

Bu, bəzən "daxili şəkil" adlanan sənəd dizaynında ən çox istifadə olunan texnikadır.

Bəzi WWW brauzerləri istifadəçiyə əldə edilən dəyəri qaytaran xüsusi formanı dolduraraq WWW serverinizdə müəyyən hərəkətləri yerinə yetirməyə imkan verir. Forma WEB brauzeri tərəfindən şərh edildikdə, xüsusi GUI ekran elementləri yaradılır, məsələn, giriş sahələri, onay qutuları, radio düymələri, açılan menyular, sürüşdürülən siyahılar, düymələr və s. İstifadəçi formanı doldurduqda və “Göndər” düyməsini kliklədikdə (GÖNDƏR – sənədi təsvir edərkən müəyyən edilən xüsusi düymə növüdür) istifadəçinin forma daxil etdiyi məlumat emal və ötürülmək üçün HTTP serverinə göndərilir. CGI (Common Gateway Interface) interfeysinə uyğun olaraq server altında işləyən digər proqramlara.

Formanı təsvir edərkən, hər bir məlumat daxiletmə elementinin etiketi var. İstifadəçi məlumatı forma elementinə yerləşdirdikdə, məlumat həmin elementin VALUE bölməsində yerləşdirilir. Vebin ən cəlbedici xüsusiyyətlərindən biri HTML sənədinə qrafika və digər məlumat növlərinə keçidlərin daxil edilməsidir.

Veb səhifələr kompüterinizin ekranında formatlanmış görünsə də, HTML sənədləri formatlaşdırmaq üçün nəzərdə tutulmayıb, çünki sərt dizayn və mətn elementlərinin səhifədə dəqiq yerləşdirilməsi İnternetdə qəbuledilməz məhdudiyyətlər yaradır.

Beləliklə, məsələn, Word söz prosessorundan istifadə edərək mətni formatlayarkən, biz bu mətnin çox xüsusi bir printerdə və müəyyən ölçülü kağızda çap edildikdə necə görünəcəyini unikal şəkildə müəyyənləşdiririk. İnternetdə bir sənəd yerləşdirildikdə, ona baxmaq üçün hansı kompüterdən istifadə ediləcəyini və ya həmin kompüterin hətta monitorunun olub-olmadığını proqnozlaşdırmaq mümkün deyil.

HTML dilindən istifadə edərək sənədin təsvirinin özəlliyi mənbə sənədin təkrar istehsalında mütləq dəqiqliyə nail olmağın əsas mümkünsüzlüyü ilə əlaqələndirilir. Sənədin internetdə geniş yayılacağı nəzərdə tutulur və buna görə də onun çoxaldılmasının necə təşkil ediləcəyi məlum deyil. Sənəd qrafik ekranda təqdim oluna, təmiz mətn şəklində çıxarıla və ya nitq sintezi proqramı ilə sadəcə “oxuya” bilər. Bütün bu hallarda HTML işarəsi nəzərə alınmalıdır. Buna görə də ! HTML sənədi formatlaşdırmaq üçün deyil, onun funksional işarələnməsi üçün nəzərdə tutulub. İşarələmə sənədin semantik məzmunundan asanlıqla ayrılan və hipermətn həyata keçirmək üçün istifadə edilən xüsusi kodların istifadəsinə aiddir. Bu kodların istifadəsi HTML dilinin spesifikasiyası ilə müəyyən edilmiş ciddi qaydalara tabedir. Məsələn, sənədlər adətən başlıqlarla başlayır. Sənədin bir hissəsinin “başlıq olması” xüsusiyyəti sənədin formatlaşdırılmasının xüsusiyyəti deyil, məzmununun xarakterik xüsusiyyətidir. Müəyyən bir sənəd rendereri (brauzer) sənədin başlıq kimi təsvir edilən hissəsini təqdim etmək üçün öz yolunu seçir.

HTML teqləri

! Mənbə mətni işarələmək üçün istifadə edilən HTML dil kodlarına teqlər deyilir və birbaşa sənəd mətninə daxil edilir.

Etiket simvollar toplusudur. Bütün teqlər daha kiçik () simvolu ilə başlayır. Bu simvolların bir cütü bəzən bucaq mötərizələri adlanır. Açılış bucağı mötərizəsindən sonra etiketi təyin edən açar söz gəlir.

HTML-də hər bir etiketin xüsusi məqsədi var. Teq adlarındakı hərflərin böyüklüyü əhəmiyyət kəsb etmir - ya kiçik və ya böyük hərflərdən istifadə edilə bilər, baxmayaraq ki, teqləri adi sənəd mətnindən ayırmaq üçün böyük hərflərdən istifadə etmək adi haldır.

Etiketləri iki böyük qrupa bölmək olar.

Konteynerlər adlanan eyni qrupun teqləri sənədin aralarında olan hissəsinə təsir göstərir. Onların iki komponenti var: açılış (ilkin) və bağlanma (son). Bağlama teqi açılış teqi ilə eyni ada malikdir, lakin onun qarşısında slash (/ (slash)) qoyulur. Açılış və bağlanma teqləri arasında mətn və ya digər etiketlər yerləşdirilə bilər.

Müstəqil (tək) teqlərin arxada qalan komponenti yoxdur. Onlar birdəfəlik hərəkətə səbəb olur və ya şərh edildikdə, göstərilən sənədə obyekt daxil edilir. Məsələn, etiket pict.gif faylından şəklin daxil edilməsinə səbəb olur.

Tipik olaraq, bir HTML etiketi sənədin yalnız bir hissəsinə, məsələn, paraqrafa təsir göstərir. Belə hallarda qoşalaşmış etiketlərdən istifadə olunur: açılış və bağlanma. Açılış teqi effekti yaradır, bağlanan etiket isə effekti bitirir. Bağlama teqləri əyri xətt (/) ilə başlayır.

Bəzi teqlər göründüyü yerdə birdəfəlik effekt verir. Bu halda, bağlama etiketinə ehtiyac yoxdur və istifadə edilmir.

Əgər səhvən teqdə HTML-də tapılmayan açar söz varsa, teq tamamilə nəzərə alınmır.

Bir sənəd brauzerdə göstərildikdə, etiketlərin özləri göstərilmir, lakin onlar sənədin göstərilmə tərzinə təsir göstərir.

Teqlər sənədin xüsusi fraqmenti ilə əlaqələndirilir və bu fraqmentlərin məzmununun veb müştəri tərəfindən xaricdən necə təmsil olunduğunu və şərh edildiyini göstərir.

Funksional baxımdan HTML teqləri aşağıdakı kateqoriyalara bölünə bilər:

Sənədin strukturunu və onun haqqında məlumatı təsvir edən etiketlər, məsələn, annotasiyalar, açar sözlər siyahısı və s.;

Sənədin mətnini məntiqi strukturlaşdırmaq üçün istifadə olunan teqlər, məsələn, başlıqları vurğulamaq, paraqraflara bölmək, sitatları vurğulamaq, siyahılar, cədvəllər yaratmaq və s.;

Şriftlərin, rənglərin və s. parametrlərini təsvir edən mətn formatlama teqləri;

Hiperlinklərin təşkili üçün etiketlər;

HTML faylı ilə xarici obyektlər arasında əlaqə yaradan teqlər, məsələn, qrafik, səs faylları və s.;

İstifadəçiyə məlumatları daxil etməyə və onu Veb serverə təqdim etməyə imkan verən forma yaratma teqləri;

HTML dilinin əsas versiyasının bir sıra çatışmazlıqları var:

Sənədin görünüşünü dinamik şəkildə idarə etməyə imkan verən vasitələrin olmaması;

Sənədin özünü dəyişdirmədən Veb sənədlərin xarici dizaynını asanlıqla dəyişməyə imkan verən vasitələrin, məsələn, üslub vərəqlərinin olmaması;

Məzmunu bir şəkildə mənaya görə strukturlaşdırmağa, məsələn, mətndə olan anlayışları təsnif etməyə imkan verən vasitələrin olmaması.

Hal-hazırda, dilin əsas versiyasının çatışmazlıqlarını aradan qaldıra bilən bir sıra HTML genişləndirmələri, eləcə də müxtəlif texnologiyalar dəsti mövcuddur.

Tag atributları

Bir etiketin təsiri atributlar əlavə etməklə dəyişdirilə bilər. Cütlənmiş teqlərdə atributlar yalnız açılış teqinə əlavə edilir.

! Atributlar əlavə açar sözlərdir, etiketin müəyyənedici açar sözündən və digər atributlardan boşluqlarla ayrılır və etiketi bitirən ">" simvolundan əvvəl yerləşdirilir. Bəzi atributların tətbiq olunma üsulu atribut üçün dəyərin göstərilməsini tələb edir. Atribut dəyəri atribut açar sözündən "=" (bərabər işarə) simvolu ilə ayrılır və dırnaq içərisindədir.

Elementin atributları onun xassələrini müəyyənləşdirir.

Atributları olan etiketlərə nümunələr:

– sənəd üçün açıq mavi fon təyin edir,

mətn – qoşalaşmış teq, Brauzerə “konteyner”ə daxil edilmiş mətni əsas ölçüyə (SIZE="+2") və qırmızı rəngə (COLOR="RED") nisbətən artırılmış simvollarla göstərməyi əmr edir.

Atribut dəyəri dırnaq içərisində olmalıdır, lakin bir çox hallarda heç bir zərər vermədən dırnaq işarələri buraxıla bilər.

HTML-nin işarələmə dili kimi tərifi ona əsaslanır ki, sənəddən bütün teqlər silindikdə məzmunca orijinal hipermətn sənədinə tam ekvivalent olan mətn sənədi alınır. Beləliklə, HTML sənədi təqdim edildikdə, teqlər özləri göstərilmir, lakin onlar sənədin qalan hissəsinin göstərilmə üsuluna təsir göstərir.

HTML əsasları HTML dilinin əsas qaydalarını, HTML səhifəsinin strukturunun təsvirini və HTML elementləri arasında HTML sənədinin strukturunda əlaqələri ehtiva edir.

HTML sənədi adi mətn redaktorunda (Notepad) və ya kodun vurğulanması ilə ixtisaslaşmış birində (Notepad++, Visual Studio Code və s.) yaradıla bilən adi mətn sənədidir. HTML sənədinin .html uzantısı var.

HTML sənədi HTML elementləri və mətn ağacından ibarətdir. Hər bir element mənbə sənədində başlanğıc (açılış) və bitmə (bağlama) etiketi (nadir istisnalar istisna olmaqla) ilə müəyyən edilir.

Başlanğıc etiketi elementin harada başladığını, son teq isə harada bitdiyini göstərir. Bağlama teqi teq adından əvvəl / işarəsi əlavə edilməklə əmələ gəlir: .... Başlanğıc və bağlanma teqləri arasında etiketin məzmunu - məzmun yerləşir.

Tək teqlər məzmunu birbaşa saxlaya bilməz; o, atribut dəyəri kimi yazılır, məsələn, teq daxilində Düymə mətni olan bir düymə yaradacaq.

Teqlər bir-birinin içərisinə yerləşdirilə bilər, məsələn,

Mətn

. İnvestisiya edərkən, onların bağlanma qaydasına əməl etməlisiniz (“matryoshka” prinsipi), məsələn, aşağıdakı giriş səhv olacaq:

Mətn

.

HTML elementlərinin atributları ola bilər (qlobal, bütün HTML elementlərinə tətbiq olunan və özlərinə aiddir). Atributlar elementin açılış teqində yazılır və format atributunda göstərilən ad və dəyəri ehtiva edir name="value" . Atributlar təyin olunduğu elementin xassələrini və davranışını dəyişməyə imkan verir.

Hər bir elementə birdən çox sinif dəyəri və yalnız bir id dəyəri təyin edilə bilər. Çoxlu sinif dəyərləri boşluqla ayrılaraq yazılır. Sinif və id dəyərləri yalnız hərflərdən, rəqəmlərdən, defislərdən və alt xəttlərdən ibarət olmalı və yalnız hərf və ya rəqəmlərlə başlamalıdır.

Brauzer HTML sənədinə baxır (şərh edir), onun strukturunu (DOM) qurur və onu bu fayla daxil edilmiş təlimatlara (stil cədvəlləri, skriptlər) uyğun olaraq göstərir. İşarələmə düzgündürsə, brauzer pəncərəsində HTML elementləri olan HTML səhifəsi göstərilir - başlıqlar, cədvəllər, şəkillər və s.

Təfsir prosesi (analizləmə) veb-səhifə brauzerə tam yüklənməmişdən əvvəl başlayır. Brauzerlər CSS-ni emal edərkən və stil cədvəllərini səhifə elementləri ilə əlaqələndirərkən əvvəldən HTML sənədlərini ardıcıllıqla emal edirlər.

HTML sənədi iki hissədən ibarətdir - başlıq - teqlər arasında ... və məzmun hissəsi - teqlər arasında ....

Veb səhifə quruluşu 1. HTML sənədinin strukturu

HTML sənəd növü bəyannamə faylında olan qaydalara əməl edir (Sənəd Tipinin Tərifi və ya DTD). DTD, müəyyən bir HTML növü üçün hansı teqlərin, atributların və onların dəyərlərinin etibarlı olduğunu müəyyən edən XML sənədidir. HTML-nin hər bir versiyasında öz DTD var.

DOCTYPE veb-səhifənin brauzer tərəfindən düzgün göstərilməsinə cavabdehdir. DOCTYPE yalnız HTML versiyasını (məsələn, html) deyil, həm də İnternetdəki müvafiq DTD faylını təyin edir.

...

Teqin içindəki elementlər sənəd ağacını, sözdə sənəd obyekt modeli, DOM (sənəd obyekt modeli) təşkil edir. Bu halda element kök elementdir.

düyü. 1. Veb səhifənin ən sadə strukturu

Veb səhifə elementlərinin qarşılıqlı təsirini başa düşmək üçün elementlər arasında “ailə münasibətləri” deyilənləri nəzərə almaq lazımdır. Çoxlu yuvalanmış elementlər arasındakı əlaqələr valideyn, uşaq və bacı kimi təsnif edilir.

Əcdad başqa elementləri ehtiva edən elementdir. Şəkil 1-də bütün elementlərin əcdadı . Eyni zamanda, element tərkibindəki bütün teqlərin əcdadıdır: ,

, , və s.

Nəsil bir və ya bir neçə element növü daxilində yerləşən elementdir. Məsələn, , və elementinin nəslindəndir

və hər ikisinin nəslindəndir.

Ana element digər elementlərlə daha aşağı səviyyədə əlaqəli olan və ağacda onların üstündə yerləşən elementdir. Şəkil 1-də və . Tag

Yalnız valideyndir.

Uşaq element daha yüksək səviyyədə olan digər elementə birbaşa tabe olan elementdir. Şəkil 1-də yalnız elementlər var, ,

və övladlarıdır.

Qardaş element sözügedən elementlə eyni səviyyəli elementlər adlanan ümumi əsas elementi olan elementdir. Şəkil 1-də və eyni səviyyəli elementlər, eləcə də elementlər , və

Onlar bir-birinə bacıdırlar.

1.1. Element 1.2. Element

Bölmə ... səhifə haqqında texniki məlumatları ehtiva edir: başlıq, təsvir, axtarış motorları üçün açar sözlər, kodlaşdırma və s. Oraya daxil etdiyiniz məlumat brauzer pəncərəsində göstərilmir, lakin o, brauzerə səhifəni necə emal edəcəyini bildirən məlumatları ehtiva edir.

1.2.1. Element

Tələb olunan bölmə etiketi . Bu teq daxilində yerləşdirilmiş mətn veb brauzerin başlıq sətrində görünür. Başlığa tam uyğunlaşmaq üçün başlıq 60 simvoldan çox olmamalıdır. Başlıq mətni veb səhifənin məzmununun ən tam təsvirini ehtiva etməlidir.

1.2.2. Element

İsteğe bağlı bölmə etiketi tək teqdir. Onun köməyi ilə siz səhifə məzmununun təsvirini və axtarış motorları üçün açar sözləri, HTML sənədinin müəllifini və digər metadata xüsusiyyətlərini təyin edə bilərsiniz. Bir element bir neçə elementdən ibarət ola bilər, çünki istifadə olunan atributlardan asılı olaraq müxtəlif məlumatlar daşıyırlar.

Səhifə məzmununun və açar sözlərin təsviri eyni vaxtda bir neçə dildə, məsələn, rus və ingilis dillərində göstərilə bilər:

Teqdən istifadə edərək, axtarış motorları tərəfindən veb səhifənin indeksləşdirilməsini bloklaya və ya icazə verə bilərsiniz:

Müəyyən bir müddətdən sonra səhifəni avtomatik olaraq yenidən yükləmək üçün yeniləmə dəyərindən istifadə etməlisiniz:

Səhifə 30 saniyədən sonra yenidən yüklənəcək. Ziyarətçini başqa səhifəyə yönləndirmək üçün url parametrində URL-i göstərməlisiniz: