Etiketat vijnë në dy shije. E para përfshin dhoma të çiftuara, të cilat përfshijnë dy komponentë, nga të cilët kanë marrë emrin. Këta përbërës quhen etiketa fillimi dhe mbarimi. Etiketa mbyllëse ndryshon nga çifti i saj nga prania e personazhit / e cila vendoset menjëherë pas < .

Lloji i dytë i etiketave përfshin etiketa të vetme. Dhe, siç sugjeron emri, ato nuk janë çiftuar si një etiketë e dytë, mbyllëse.

Etiketa të vetme HTML

Kur krijoni një faqe me HTML, qëllimi kryesor i një etikete të çiftuar është të shënojë fillimin dhe fundin e një etikete specifike. fragment teksti... Sidoqoftë, përdoren gjithashtu etiketa, detyra e të cilave nuk ka të bëjë fare me zgjedhjen e fragmenteve të tekstit.

Shembuj të etiketave të tilla përfshijnë ato që ju lejojnë të vendosni një shirit ndarës ose të shtoni një imazh në faqe. Dhe janë këto etiketa që janë single, pasi, si të thuash, funksionin e tyre e kryejnë pa një palë.

Këto etiketa përfshijnë:
,

Linjë
Rreshti tjetër

Nëse shihni diku një format regjistrimi të vetëm të etiketës si ky
, atëherë duhet të dini se në këtë mënyrë ato u ekspozuan në më shumë versionet e hershme HTML. Por tani që HTML 5 është rreth, prerja është fakultative.

Atributet e etiketës HTML

Gjithashtu në bisedë për Bazat e HTMLështë e pamundur të mos përmendim atributet e etiketave. Për disa etiketa, përdorimi i atributeve është opsional, por krejtësisht i pranueshëm. Dhe në disa raste, ato nevojiten pa mëdyshje.

Një shembull i një rasti të tillë do të ishte etiketa , i cili është krijuar për të futur një imazh në faqe. Atributi i kërkuar për një etiketë të caktuar është src, me të cilin mund të tregoni se ku ndodhet saktësisht fotografia. Kjo është bërë në mënyrë që shfletuesi të mund të hapë imazhin. Nëse adresa e imazhit specifikohet pa një atribut, imazhi nuk do të shfaqet në faqe.

Si rregull, në shumicën e rasteve, etiketat dhe atributet shkruhen në HTML si kjo:

<имя-тега атрибут1="значение1" атрибут2="значение2" …>

Një etiketë mund të ketë një ose disa atribute. Ju mund të shihni shembuj më poshtë.

......

Pra, shpresoj që gjithçka të jetë e thjeshtë dhe e drejtpërdrejtë. Por nëse papritur diçka, mos ngurroni të pyesni - unë patjetër do të ndihmoj. Në mësimet e mëposhtme, ne do të veçojmë etiketat e ndryshme dhe do të eksplorojmë se për çfarë shërben secila prej tyre.

Tashmë keni lexuar se e gjithë gjuha përbëhet nga etiketa. Në këtë tutorial, ne do t'i hedhim një vështrim më të afërt etiketave HTML. Në gjuhën HTML, etiketat ndahen në etiketa të vetme (jo të çiftuara) dhe të çiftuara. Pra, etiketat e vetme HTML përbëhen nga një etiketë, domethënë ato nuk kanë një etiketë fundore. Përshkruesit e çiftuar kanë një etiketë hapëse dhe mbyllëse.

Etiketa të vetme HTML

Etiketa të vetme nuk kanë një etiketë fundore. Për shembull:
, ... Ata shkruanin kështu:
, , tani ky stil i shkrimit të etiketave të vetme nuk është i rëndësishëm, ndaj mos shkruani në këtë mënyrë. Më i përdorur etiketa të vetme:
- transfero tek linjë e re,

Etiketat HTML të çiftuara

Etiketat e çiftuara shumë më tepër. Një përshkrues i çiftuar ka një etiketë fillimi dhe mbarimi. Etiketa e çiftuar formon një enë. Përmbajtja e kontejnerit është ajo që ndodhet midis etiketave hapëse dhe mbyllëse. Në shembullin në këtë artikull, ju patë etiketën

Çfarë janë përshkruesit në HTML?

dhe fundi

Gabimi kryesor i ri në shkrimin e çifteve të etiketave, ky është një konfuzion fole. Për shembull, kjo është hyrja e saktë:

Paragraf i trashë

Paragraf i trashë

Si të shkruani saktë etiketat e çiftuara

Çfarë ka të re në HTML5 për sa i përket etiketave?

Gjuha HTML5është një zgjatim i HTML4, kështu që ka ruajtur shumicën ose të gjithë përshkruesit HTML4 dhe ka shtuar të tijat. HTML5 prezanton etiketa speciale për ndarjen e faqes në blloqe kryesore: kokën, menunë, fundin, shiritin anësor dhe përmbajtjen.

Pse është e rëndësishme të mësoni se si të përdorni etiketat?

Motorët e kërkimit Yandex dhe Google janë të ndjeshëm ndaj Struktura HTML dokumentet, duke i kontrolluar ato për vlefshmëri. Ata janë në kërkim të fjalëve kyçe të mbyllura në përshkrues të veçantë etj. Por ky seksion nuk ka të bëjë me këtë. Kjo vlen për promovimin (SEO).

Si të mësoni të gjitha etiketat HTML?

Po, ka mjaft etiketa. Por ju nuk keni nevojë t'i mësoni ato në mënyrë specifike. Ndërsa praktikoni, shkruani diçka, të gjithë përshkruesit, të çiftuar dhe të vetëm, do të jenë të lehtë për t'u mbajtur mend. Me kalimin e kohës, sigurisht.

Përshëndetje të dashur lexues të faqes së blogut! Në artikullin e fundit, ne kuptuam se çfarë është një lloj dokumenti dhe se si shfletuesit përcaktojnë gjuhën e përdorur duke përdorur. Etiketa u konsiderua, por vetë koncepti (termi) nuk ishte. Në këtë artikull do t'ju tregoj se çfarë është një etiketë, pse ju nevojitet dhe cilat etiketa janë atje. Siç thashë në artikullin e fundit të këtij titulli, ne do të krijojmë një faqe skedar, mbi të cilën do të eksperimentojmë, duke u mbështetur në njohuritë e marra. Por kjo është në fund të artikullit, por tani për tani le të merremi me etiketën HTML.

Çfarë është një etiketë HTML, llojet e etiketave HTML, shembuj të shkrimit

Ky është një etiketë e theksuar e tekstit me gërma të zeza... Etiketat janë tre llojesh:

• Etiketa hapëse- tag në fillim. Në shembullin e mësipërm, etiketa është teksti hapës dhe qëndron përpara tekstit që dëshironi të zgjidhni.
• Etiketa e fundit- tag në fund. Tipar dallues ka një prerje "/" përpara karaktereve në kllapa këndore. Përsëri, le të shohim shembullin e diskutuar më lart. Etiketëështë ai mbyllës pas tekstit, i cili duhet theksuar me shkronja të zeza
• Etiketa të vetme- etiketat që nuk kanë një etiketë fundore. Një shembull është
  Këtu është një shembull i një etikete hapëse dhe mbyllëse:

I gjithë ndërtimi, duke përfshirë tekstin, do të duket kështu:

Ky tekst do të jetë me shkronja të zeza

Dhe kjo është se si do të duket ky tekst kur shfletuesi ta përpunojë atë dhe ta japë atë për ne: Ky tekst do të theksohet me shkronja të zeza. Ekziston edhe një gjë e tillë si etiketat e kontejnerëve, por ky është vetëm një emër i përgjithshëm për etiketat e fillimit dhe të fundit. Siç shkrova më lart, përveç etiketave të kontejnerëve, ka edhe etiketa të vetme. Dallimi është se etiketat e tilla nuk kanë nevojë të mbyllen. Më e ndritura dhe më shembull i shpeshtë shërben si etiketë e linjës së re.

Në thelb, etiketat e vetme përdoren për të futur disa elementë, të tillë si një imazh ose një tabelë.

Cilat janë atributet, rregullat drejtshkrimore dhe pse janë të nevojshme

, e cila, në fakt, nuk bën asgjë të arsyeshme pa atribute.

Fonti- një etiketë kontejneri që përdoret për të formatuar tekstin. Me ndihmën e kësaj etikete, ju mund ta bëni tekstin të trashë dhe të ndryshoni madhësinë dhe distancën midis rreshtave - në përgjithësi, gjithçka që mund të bëhet me tekstin. Le të shohim një shembull me madhësinë e tekstit. Së pari, le ta mbështjellim tekstin në një etiketë Font.

Teksti

Tani pak për rregullat për shkrimin e atributeve. Atributet gjithmonë shkruhen në etiketën hapëse dhe pas karaktereve të vetë etiketës. Ju mund të shkruani disa atribute në një etiketë në çdo mënyrë. Ju mund t'i gjeni atributet në faqen e internetit të verifikuesit të W3C (për të cilën do të shkruaj më poshtë). Pra, këtu është një shembull i një etikete fonti me një atribut të madhësisë:

Teksti

Ky atribut në etiketën e shkronjave ndryshon madhësinë e tekstit të mbyllur në etiketa.
Nëse hapni burimi faqe, ju do të shihni se vendi ku fjalë e madhe"Teksti" ka formën

Teksti

Tashmë e keni parë se si shkruhen atributet. Pikërisht ato janë shkruar edhe në etiketa të tjera: së pari, ne shkruajmë vetë atributin (në në këtë rast madhësia), më pas vendosni "=" dhe mbyllni parametrin e atributit citate të dyfishta... Ju mund t'i gjeni të gjithë parametrat e atributeve në të njëjtën faqe interneti të konsorciumit rrjet i gjere boteror.

Çfarë është vërtetuesi i W3C, rregullat drejtshkrimore dhe lista e etiketave

Siç kam shkruar, ka shumë etiketa. Por ku mund t'i gjeni të gjitha? Për këtë qëllim ekziston Vleftësuesi i W3C W3C - Botë Ueb i gjerë Konsorcium, dhe në Rusisht - Konsorciumi World Wide Web. Jo plotësisht e qartë, apo jo? Ky është vendi ku zhvillohen standardet e uebit - (gjuhët e shënjimit të hipertekstit janë ideja e tyre). Në krye të të gjithë konsorciumit është, i njohur nga artikulli i fundit, Tim Berners-Lee - krijuesi i HTML. Faqja e kësaj organizate është w3.org. Ju paralajmëroj, faqja është plotësisht në anglisht, kështu që rezervoni një fjalor ose përkthyes në shfletuesin tuaj. Nga rruga, Google për këtë faqe është 9, dhe - 37000 (kjo është e gjitha shumë, nëse dikush nuk e di).

Ne i kthehemi temës së artikullit. Ne jemi të interesuar për standardet e gjuhës HNTML 4.01. Ndiqni lidhjen HTML 4.01 Specifikimi, pas së cilës shohim skedën e elementeve në krye, klikoni mbi të. Kështu që faqja hapet me të gjitha etiketat. Këto etiketa u zhvilluan dhe u miratuan si standard nga një konsorcium. Gjithçka, përsëri, është në anglisht. Menjëherë pas fjalëve "Indeksi i elementeve" shohim legjendën (kuptimi i shkronjave në kolona):

Dhe menjëherë pas legjendës është një tabelë e vetë etiketave:

• Në kolonën e parë - Emri- emri i vetë etiketës - çfarë duhet të jetë në kllapa këndore (< и >).
• Kolona e dytë është Etiketa e fillimit- prania e një etikete hapëse. V këtë kolonë ju mund të shihni shkronjën "O", që do të thotë "Opsionale", dhe në përkthim nga anglishtja - Opsionale. Kjo letër është e pranishme vetëm përballë etiketave , , dhe dhe do të thotë që ju mund të vendosni etiketën hapëse, ose nuk mund ta vendosni - shfletuesi do të bëjë gjithçka vetë.
• Kolona e tretë është Etiketa e Fundit- prania e një etikete mbyllëse. Përballë kësaj etikete mund të shihni shkronjën "O" dhe shkronjën "F". Vlera e të parës nuk ka ndryshuar. Shkronja e dytë - "F" - fjalë për fjalë "e ndaluar" nga anglishtja - do të thotë që është e ndaluar të vendosësh etiketën mbyllëse, thjesht nuk ekziston. Për shembull, nuk ka asnjë etiketë, sepse nuk ka asgjë për të mbyllur në të.
• e katërta - Bosh- do të thotë që etiketa është e vetme (bosh). Të gjitha etiketat përballë të cilave është shkronja "E" në këtë kolonë, ekziston edhe shkronja "F" në kolonën e mëparshme. Në fund të fundit, etiketat e vetme nuk kanë etiketa mbyllëse. Një shembull është e njëjta etiketë .
• Kolona e pestë është Depr. ose I zhvlerësuar- nga anglishtja "nuk rekomandohet". Nëse kjo kolonë përmban shkronjën "D" (që do të thotë saktësisht e njëjta), do të thotë se këtë etiketë i vjetëruar për përdorim në HTML. Duke vrapuar pak përpara, sot për hartimin e tekstit dhe pamjen i gjithë siti dhe dokumenti HTML përdor fletë stili kaskadë - CSS. Shkurt dhe thjesht, krijohet një skedar i vetëm në të cilin janë shkruar të gjithë parametrat e tekstit që mund të thirren nga atribute të caktuara të etiketës. Kështu që, këtë funksion përdoret vetëm në faqet e internetit, sepse kur dërgoni buletinet me postë ose në RSS, CSS nuk zbatohet. Dhe këtu të njëjtat etiketa vijnë në shpëtim. Shumica e këtyre etiketave, nga rruga, kanë të bëjnë me hartimin e tekstit ( dhe janë një shembull)
• Kolona e gjashtë - DTD- mund të përmbajë ose një shkronjë "L" ose "F"... E para është "L" - DTD e lirshme- do të thotë se etiketa e kundërt me të cilën është letër e dhënë, mund të përdoret vetëm në një lloj dokumenti kalimtar (- Kalimtare, për të cilën kam shkruar në artikullin e mëparshëm). E dyta është "F" — Kompleti i kornizave DTD- do të thotë që etiketa mund të përdoret vetëm në një dokument të tillë si FRAMESET (- grup kornizash). Nëse letra mungon, atëherë etiketa mund të përdoret në të gjitha llojet e dokumenteve.
• Dhe kolona e fundit, e shtatë - Përshkrim — Përshkrim i shkurtër tag, përsëri në anglisht

Atributet mund të gjenden në të njëjtën faqe të specifikimit HTML 4.01, por në skedën "atribute". Ka shumë më tepër atribute sesa etiketa. Dhe përsëri do të shkruaj çdo gjë pikë për pikë.

• Kolona e parë është Emri- si në rastin e etiketave - emri i atributit. Gjithçka është në anglisht, por ka njohuri baze ju mund të merrni me mend se çfarë bën ky apo ai atribut.
• Kolona e dytë - Elemente të ndërlidhuraËshtë një listë e të gjitha etiketave që përdorin një atribut. Të gjitha etiketat janë të lidhura, kështu që ju mund të hidheni direkt në informacionin e etiketës.
• Kolona e tretë - Lloji- është e gjitha vlerat e mundshme një atribut specifik. Për shembull, e kundërta me atë që kemi zgjedhur atributi i madhësisë v Etiketa e shkronjave vlera është CDATA. Do ta shikojmë më vonë, por me pak fjalë, është një grup i veçantë opsionesh përmasash (në këtë rast). Në fund të fundit, mund të shkruani si pikselë ashtu edhe përqindje.
• Kolona e katërt - E paracaktuar- do të thotë nëse atributi kërkohet në një etiketë specifike. Për shembull, në etiketë img kërkohet atributi src, pasi tregon burimin nga i cili do të bëhet fotografia.
• Kolonat 6, 7 dhe 8 nënkuptojnë njësoj si për etiketat.

Të gjitha sa më sipër vlejnë vetëm për Versionet HTML 4.01. Ne do të flasim për HTML 5 në një artikull tjetër, dhe do të prekim edhe XHTML. Dhe tani, siç premtova, ne do të krijojmë një faqe HTML, mbi të cilën do të eksperimentojmë.

Krijo skedar html - dokument HTML

Para së gjithash, le të kuptojmë se çfarë është dokument HTML... Dhe ky është, në fakt, një skedar në formatin HTML. Dhe të gjitha faqet e internetit janë dokumente HTML. Për shembull, kur futni një faqe në shiriti i adresave në fund mund të shihet pas adresës ".html" ose ".htm". Ne do të krijojmë një skedar me këtë shtesë. Në përgjithësi, nëse doni të eksperimentoni në sit, dhe jo në faqe, atëherë është më mirë të krijoni server lokal- Denver (për të cilin dua të shkruaj gjithçka).

Duke marrë parasysh që as që fola për etiketat e pranishme në secilën faqe, ne thjesht do të krijojmë një skedar me çdo emër dhe shtesë .html. Është e mundur (dhe më e mira nga të gjitha) për t'u përdorur Notepad ++ sepse në këtë redaktori i tekstit Përdoret theksimi i kodit, i cili është shumë i përshtatshëm kur redaktoni kodin dhe skedarët mund të ruhen në shumë formate. Ekzistojnë gjithashtu programe në të cilat, kur shtypni kodin, rezultati shfaqet menjëherë në formën e përpunuar.

Pra, ne vetëm duhet të hapemi Notepad ++ dhe ruani skedarin me tekst i lirë(mund të jetë bosh), por në format .html. Për ta bërë këtë, si zakonisht, klikoni në etiketën e skedarit, më pas "ruani si" dhe kërkoni midis tyre listë e madhe zgjerimet Skedari i gjuhës së shënjimit të HyperText(zgjatjet e skedarit) ". Kjo, në fakt, është e gjitha. Ne do t'i shtojmë rreshtat e parë këtij skedari në artikullin tjetër nga titulli "Krijimi i një faqe interneti nga e para"

Etiketë (pl. etiketa, nganjëherë etiketa) Është një element gjuha HTML përdoret për të shënuar teksti burimor faqet e internetit. Etiketat janë shkurtesa ose shkurtesa të fjalëve angleze të mbyllura në kllapa këndore<>p.sh

…

shkurtim nga fjalë angleze paragraf, domethënë, teksti i mbyllur në këtë etiketë do të njihet nga shfletuesit si një paragraf.

Çdo etiketë në HTML ka një kuptim të veçantë dhe është përgjegjës për shfaqjen e të dhënave të caktuara. Rasti i shkronjave në emrat e etiketave nuk ka rëndësi, për shembull, etiketa

…

dhe etiketën

…

- Kjo është e njëjta gjë. Kjo do të thotë, etiketat mund të shkruhen me shkronja të vogla dhe me shkronja të mëdha... Në përgjithësi pranohej që të gjitha etiketat duhet të shkruheshin me shkronja të mëdha në mënyrë që etiketat të ndryshojnë nga Teksti i thjeshtë... Tani nuk ka nevojë të tillë, pasi shumë redaktorë kanë theksuar sintaksë.

Klasifikimi i etiketave

Ka më shumë se 90 etiketa në HTML në total. Si rregull, një etiketë prek vetëm një pjesë të dokumentit, për shembull, etiketën e titullit të nivelit të parë

…

... Në raste të tilla, përdoren etiketat e çiftuara: hapje dhe duke mbuluar... Etiketa hapëse (për shembull,

) krijon efektin, dhe mbylljen (

) - përfundon efektin e saj. Siç mund ta shihni nga shembulli, etiketa mbyllëse ka gjithmonë simbolin e mëposhtëm ( / ) - prerje përpara. Etiketa të tilla quhen çiftëzohet.

Disa etiketa kanë një efekt një herë aty ku shfaqen. Për shembull, etiketa vija horizontale

---

ose etiketën e shfaqjes së figurës ... Etiketa të tilla nuk kanë etiketa fundore. Etiketa të tilla quhen etiketa jo të çiftëzuara.

Llojet e etiketave

Për më tepër, etiketat ndahen në disa lloje, të cilat ndryshojnë në funksionet e tyre:

• etiketat e titullit të dokumentit;
• elementet e bllokut;
• elemente inline;
• elemente universale;
• listat;
• tavolina;
• korniza.

Kjo ndarje nuk është e rreptë, kështu që disa etiketa janë të përfshira grupe të ndryshme... Për shembull, etiketat për krijimin e listave

dhe
zbatohen si për listat ashtu edhe për elementët e bllokut.

Struktura e etiketës

Kur ngarkohen në një shfletues, vetë etiketat nuk shfaqen, por ndikojnë në mënyrën se si shfaqet përmbajtja e tyre. Nëse ka një gabim në drejtshkrimin e etiketës, ai injorohet plotësisht.

Të gjitha etiketat kanë një strukturë specifike që duhet ndjekur gjatë shkrimit. Për më tepër, pothuajse të gjitha etiketat kanë atribute të ndryshme që mund të ndryshojnë mënyrën se si shfaqet përmbajtja.

Le t'i hedhim një sy strukturë korrekte etiketat që përmbajnë atribute:

1. 
2. Vetë Webmaster

Për shembull, unë dhashë dy plotësisht etiketa të ndryshme... Së pari i vetëm - është përgjegjës për shfaqjen e imazheve, atributit - src = "logo.jpg"... Së dyti … i çiftuar është përgjegjës për krijimin e lidhjeve, atributit - href = "faqe".

Konkluzioni 1: Atributet mund të kenë etiketa të çiftuara dhe të paçiftuara.

Konkluzioni 2: Atributet mund të kenë vetëm etiketa hapëse, etiketat mbyllëse nuk kanë atribute.

Foto për sqarim: