Koncepti i një etikete HTML. Etiketat në HTML

Etiketë ( pl. etiketa, ndonjëherë tag) është një element i gjuhës HTML që përdoret për të shënuar tekstin burimor të një faqe interneti. Etiketat janë shkurtesa ose shkurtesa të fjalëve angleze të mbyllura në kllapa këndore, për shembull, etiketa

…

shkurtim i fjalës 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 tag

…

- Eshte e njejta gje. Kjo do të thotë, etiketat mund të shkruhen me shkronja të vogla dhe të mëdha. Më parë, ishte praktikë e zakonshme që të gjitha etiketat të shkruheshin me shkronja të mëdha në mënyrë që etiketat të ndryshonin nga teksti i zakonshëm. Tani nuk ka nevojë të tillë, pasi shumë redaktorë kanë theksuar sintaksë.

Klasifikimi i etiketave

Ka më shumë se 90 etiketa në HTML. Në mënyrë tipike, 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 mbyllja. Një etiketë hapëse (për shembull, ) krijon efektin dhe një etiketë mbyllëse ( ) ndalon efektin. Siç mund ta shihni nga shembulli, etiketa mbyllëse ka gjithmonë këtë simbol (/) - një prerje përpara. Këto etiketa quhen dyfishon.

Disa etiketa ofrojnë një efekt një herë aty ku shfaqen. Për shembull, një etiketë shiriti horizontal ose një etiketë e shfaqjes së imazhit . Etiketa të tilla nuk kanë etiketa mbyllëse. Etiketat e tilla quhen 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ë në 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ë shfletues, vetë etiketat nuk shfaqen, por ato ndikojnë në mënyrën se si shfaqet përmbajtja e tyre. Nëse një etiketë shkruhet gabimisht, ajo injorohet plotësisht.

Të gjitha etiketat kanë një strukturë të caktuar 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ë shohim strukturën e saktë të etiketave që përmbajnë atribute:

• 
• Webmasteri juaj

Si shembull, unë dhashë dy etiketa krejtësisht të ndryshme. Së pari i vetëm - përgjegjës për shfaqjen e imazheve, atribut - src="logo.jpg" . Së dyti … i çiftuari është përgjegjës për krijimin e lidhjeve, atributi është href = "site" .

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

Përfundimi 2: Vetëm etiketat hapëse mund të kenë atribute, etiketat mbyllëse nuk kanë atribute.

Foto për sqarim:



Figura 1. Struktura e etiketës HTML

Test i vëmendjes dhe njohurive të sintaksës HTML

Le të shohim shembullin e një faqeje të thjeshtë në internet që shikuam në mësim.

Etiketat HTML janë baza e gjuhës HTML. Etiketat përdoren për të kufizuar fillimin dhe fundin e elementeve në markup.

Çdo dokument HTML përbëhet nga një pemë e elementeve HTML dhe tekstit. Çdo element HTML identifikohet nga një etiketë fillimi (hapje) dhe mbarimi (mbyllje). Etiketat hapëse dhe mbyllëse përmbajnë emrin e etiketës.

Të gjithë elementët HTML ndahen në pesë lloje:

• elemente boshe - , ,
  , , , , , , , , , , , , ;
• elemente me tekst të paformatuar - , ;
• elementet që shfaqin tekst të paformatuar - , ;
• elemente nga një hapësirë ​​tjetër emri - MathML dhe SVG;
• elementet e zakonshme - të gjithë elementët e tjerë.

Tabela ofron një listë të plotë të elementeve të mbështetur nga HTML4 dhe HTML5. Etiketat eksperimentale dhe të vjetra janë të përjashtuara. Elementet e shtuara në specifikimin HTML5 theksohen me ngjyrë kafe.

Lista e plotë e elementeve HTML Tabela 1. Elementet HTML Përshkrimi i etiketës

	Përdoret për të shtuar komente.
	Deklaron llojin e dokumentit dhe ofron informacion bazë për shfletuesin - gjuhën dhe versionin e tij.
	Krijon lidhje hiperteksti.
	Identifikon tekstin si një shkurtim ose akronim. Teksti shpjegues specifikohet duke përdorur atributin e titullit.
	Përcakton informacionin e kontaktit të autorit/pronarit të dokumentit ose artikullit. Shfaqet me shkronja të pjerrëta në shfletues.
	Është një hiperlidhje me tekst që korrespondon me një zonë specifike në një hartë imazhi ose një zonë aktive brenda një harte imazhi. Gjithmonë i vendosur brenda një etikete.
	Një pjesë e përmbajtjes që përbën një pjesë të pavarur të një dokumenti ose faqe interneti, të tilla si një artikull reviste, një postim në blog, një koment.
	Përfaqëson përmbajtjen e faqes që lidhet indirekt me përmbajtjen kryesore të faqes/faqes.
	Ngarkon përmbajtje audio në një faqe interneti.
	Vendos një fragment të tekstit të jetë i theksuar pa i shtuar theks ose rëndësi tekstit të theksuar.
	Përcakton adresën bazë (URL) nga e cila llogariten të gjitha adresat relative. Kjo do të ndihmojë në shmangien e problemeve kur lëvizni faqen në një vend tjetër, pasi të gjitha lidhjet do të funksionojnë si më parë.
	Izolon një fragment teksti të shkruar në një gjuhë në të cilën teksti lexohet nga e djathta në të majtë nga pjesa tjetër e tekstit.
	Shfaq tekstin në drejtimin e specifikuar nga atributi dir, duke anashkaluar drejtimin aktual të tekstit.
	Thekson tekstin si citat, që përdoret për të përshkruar thonjëza të mëdha.
	Përfaqëson trupin e dokumentit (përmbajtje që nuk është pjesë e meta të dhënave të dokumentit).
	Mbështillni tekstin në një rresht të ri.
	Krijon një buton interaktiv. Mund të vendosni përmbajtje brenda etiketës - tekst ose imazh.
	Enë e kanavacës për shfaqjen dinamike të imazheve si imazhe të thjeshta, grafikët, grafikët, etj. Gjuha e skriptimit JavaScript përdoret për vizatim.
	Shton një titull në tabelë. Futet menjëherë pas etiketës . Përdoret për të treguar burimin e një citimi. Shfaqet me shkronja të pjerrëta. Përfaqëson një pjesë të kodit të programit, të shfaqur në një familje fonti monospace. Zgjedh një ose më shumë kolona të tabelës për formatim që nuk përmbajnë të njëjtin lloj informacioni. Krijon një grup strukturor kolonash që identifikon shumë qeliza logjikisht homogjene. Elementi përdoret për të lidhur vlerën e atributit të vlerës, i cili është në një format të lexueshëm nga makina dhe mund të përpunohet nga një kompjuter, me përmbajtjen e etiketës. Elementi i kontejnerit për një element të listës rënëse. Vlerat e variantit vendosen në elementë. Përdoret për të përshkruar një term nga një etiketë. Shënon tekstin si të fshirë duke e fshirë atë. Krijon një miniaplikacion ndërveprues që përdoruesi mund ta hapë ose mbyllë. Përfaqëson një enë për përmbajtjen, titulli i dukshëm i miniaplikacionit vendoset në etiketë. Identifikon një fjalë si term duke e vendosur me shkronja të pjerrëta. Teksti që vijon duhet të përmbajë një përkufizim të këtij termi. Një element ndërveprues me të cilin përdoruesi ndërvepron për të përfunduar një detyrë, si një kuti dialogu, inspektor ose dritare. Pa atributin e hapur, ai nuk është i dukshëm për përdoruesin. Një etiketë kontejneri për seksionet e një dokumenti HTML. Përdoret për grupimin e elementeve të bllokut për formatimin me stile. Një etiketë kontejneri që përmban një term dhe përshkrimin e tij. Përdoret për të specifikuar një term. Thekson pjesë të rëndësishme të tekstit duke i shfaqur ato me shkronja të pjerrëta. Një etiketë kontejneri për futjen e përmbajtjes së jashtme interaktive ose një shtojce. Grupon elementët e lidhur në një formë duke vizatuar një kuti rreth tyre. Titulli/titulli për elementin. Një etiketë kontejneri e pavarur për përmbajtje të tilla si ilustrime, diagrame, fotografi, shembuj kodesh, zakonisht me një titull. Përcakton zonën e mbarimit (futerin) e një dokumenti ose seksioni. Një formular për mbledhjen dhe dërgimin e informacionit nga përdoruesit në server. Nuk funksionon pa atributin e veprimit. Krijoni gjashtë nivele titujsh për seksionet përkatëse. Një element kontejner për meta të dhënat e dokumentit HTML, të tilla si , , , , . Seksioni për informacionin hyrës të një siti ose një grupi lidhjesh navigimi. Mund të përmbajë një ose më shumë tituj, logo, informacione rreth autorit. Një vijë horizontale për ndarjen tematike të paragrafëve. Elementi rrënjësor i një dokumenti HTML. I tregon shfletuesit se ky është një dokument HTML. Është një kontejner për të gjithë elementët e tjerë html. Shkron kursive një pjesë të tekstit pa i dhënë theks shtesë. Krijon një kornizë inline duke ngarkuar një dokument tjetër në dokumentin aktual HTML. Vendos imazhe në një dokument HTML duke përdorur atributin src, vlera e të cilit është URL-ja e imazhit të ngulitur. Krijon fusha të pasura të formave në të cilat përdoruesi mund të fusë të dhëna. Thekson tekstin me nënvizim. Përdoret për të nënvizuar ndryshimet e bëra në një dokument. Zgjedh tekstin që do të futet nga përdoruesi duke përdorur tastierën në një font monospace. Përdoret për të ruajtur informacione shtesë rreth faqes. Ky informacion përdoret nga shfletuesit për të përpunuar faqen dhe nga motorët e kërkimit për ta indeksuar atë. Mund të ketë disa etiketa në një bllok, pasi në varësi të atributeve të përdorura ato përmbajnë informacione të ndryshme. Treguesi i matjes në një interval të caktuar. Një seksion i një dokumenti që përmban lidhje lundrimi për sitin. Përcakton një seksion që nuk mbështet skriptimin. Kontejner për futjen e multimedias (p.sh. audio, video, aplikacione Java, ActiveX, PDF dhe Flash). Ju gjithashtu mund të futni një faqe tjetër në internet në dokumentin aktual HTML. Etiketa përdoret për të kaluar parametrat e shtojcës. Lista e renditur me numër. Numërimi mund të jetë numerik ose alfabetik. Një enë me një titull për një grup elementësh. Përcakton një opsion/opsion për të zgjedhur nga lista rënëse , ose . Fusha për shfaqjen e rezultatit të një llogaritjeje të llogaritur duke përdorur skriptin. Paragrafët në tekst. Përcakton parametrat për shtojcat e ngulitura duke përdorur elementin. Një element kontejner që përmban një element dhe zero ose më shumë elementë. Në vetvete nuk shfaq asgjë. Lejon shfletuesin të zgjedhë imazhin më të përshtatshëm. Nxjerr tekst pa formatim, duke ruajtur hapësirat dhe ndërprerjet e tekstit. Mund të përdoret për të shfaqur kodin kompjuterik, mesazhet e postës elektronike, etj. Një tregues i përfundimit të një detyre të çdo lloji. Përcakton një citat të shkurtër. Enë për simbolet e Azisë Lindore dhe dekodimin e tyre. Përkufizon tekstin e tij të mbivendosur si komponentin bazë të shënimit. Shton një përshkrim të shkurtër sipër ose poshtë karaktereve të përfshira në element, të shfaqur me një font më të vogël. Shënon tekstin e integruar si shënim shtesë. Shfaq tekst alternativ nëse shfletuesi nuk e mbështet elementin. Shfaq tekstin që nuk është aktual me një vijëzim. Përdoret për të shfaqur tekstin që përfaqëson rezultatin e ekzekutimit të kodit të programit ose skriptit, si dhe mesazhet e sistemit. Shfaqet me fontin monospace. Përdoret për të përcaktuar një skript nga ana e klientit (zakonisht JavaScript). Përmban ose tekst skripti ose tregon një skedar të jashtëm skripti duke përdorur atributin src. Përcakton një zonë (seksion) logjik të një faqeje, zakonisht me një kokë. Një element kontrolli që ju lejon të zgjidhni vlerat nga një grup i propozuar. Vlerat e variantit vendosen në. Shfaq tekstin në një madhësi më të vogël fonti. Përcakton vendndodhjen dhe llojin e burimeve alternative të mediave për , , . Enë për elementët inline. Mund të përdoret për të formatuar pasazhe të tekstit, të tilla si nxjerrja në pah e fjalëve individuale me ngjyra. Vendos theksin në tekst, duke e theksuar atë me shkronja të zeza. Përfshin fletë stilesh të ngulitura. Përcakton shkrimin e nënshkrimit të simboleve, për shembull, indeksin e elementeve në formulat kimike. Krijon një titull të dukshëm për etiketën. Shfaqet me një trekëndësh të mbushur, klikimi mbi të ju lejon të shikoni detajet e titullit. Përcakton drejtshkrimin e sipërshkrimit të karaktereve. Etiketa për krijimin e një tabele. Përcakton trupin e tabelës. Krijon një qelizë tabele. Përdoret për të deklaruar fragmente të kodit HTML që mund të klonohen dhe futen në një dokument me anë të një skripti. Përmbajtja e një etikete nuk është fëmijë i saj. Krijon fusha të mëdha për futjen e tekstit. Përcakton fundin e tabelës. Krijon një titull të qelizës së tabelës. Përcakton titullin e tabelës. Përcakton datën/kohën. Titulli i një dokumenti HTML që shfaqet në krye të shiritit të titullit të shfletuesit. Mund të shfaqet gjithashtu në rezultatet e kërkimit, kështu që kjo duhet të merret parasysh kur jepet një titull. Krijon një rresht tabele. Shton titrat për elementet dhe . Thekson një pjesë të tekstit duke nënvizuar, pa theks shtesë. Krijon një listë me pika. Thekson variablat nga programet duke i shfaqur ato me shkronja të pjerrëta. Shton skedarë video në faqe. Mbështet 3 formate video: MP4, WebM, Ogg. Tregon te shfletuesi ku mund të prishet një linjë e gjatë. Fletë mashtrimi me etiketa Për lehtësinë e përdorimit, i grupova etiketat në seksione tematike, duke shtuar vlerat e vetive të ekranit për secilën etiketë. Për të shkuar në tabelë, klikoni në foto. HTML është një skedar teksti i rregullt me ​​shtesën .htm (html). Për të krijuar një faqe të thjeshtë në fillim, kur sapo stërviteni, ju duhet vetëm një bllok shënimesh. Hapni bllokun e shënimeve dhe shkruani pak tekst. Çdo element HTML është një etiketë e rrethuar me kllapa. Çdo skedar, faqe html fillon me një etiketë dhe përfundon me një etiketë. Ky etiketë thjesht i tregon shfletuesit (ky është programi në të cilin shikoni faqet e internetit) se ky dokument është një dokument shënjimi html. Etiketa nënkupton fillimin e dokumentit html dhe etiketa mbyllëse nënkupton fundin e dokumentit html. Brenda këtyre etiketave ka disa etiketa të tjera të rëndësishme. Menjëherë pas etiketës janë etiketat që tregojnë titullin e faqes dhe trupin e faqes. Faqja ime e parë HTML Etiketa nënkupton titullin e titullit të dritares kur shfaqet kjo faqe. Tani mund të krijoni një dokument të ri teksti në Notepad, të kopjoni tekstin e paraqitur më sipër dhe ta ruani si Page1.html dhe ta ekzekutoni në shfletues, do të shihni emrin e faqes në shiritin e titullit të dritares së shfletuesit dhe një faqe bosh, sepse Ne nuk shfaqim asgjë në trupin e faqes në etiketa. Pra, teksti i mësipërm do të jetë skeleti bazë i çdo faqe interneti për ne. Etiketa të çiftuara dhe të paçiftuara! , , Këto janë vetëm etiketa të çiftuara - ato etiketa që vijnë si çift: një etiketë dhe mbyllja e saj, një etiketë mbyllëse me simbolin /. Për etiketat e çiftuara, vlera që gjendet midis fillimit të etiketës dhe fundit të tij është veprimi i etiketës. Veprimi do të vazhdojë derisa të gjendet një etiketë me simbolin /. Etiketat e paçiftuara – ato nuk kanë një etiketë mbyllëse. Më poshtë do të japim shembuj të etiketave të tilla. — Titulli i faqes html, e cila përfshin fjalë kyçe për motorët e kërkimit, skriptet e ndryshme etj. — Trupi i vetë dokumentit html. Etiketa e paçiftuar. Shënim: Në shumicën e rasteve, gjatë ndërtimit të faqeve të internetit tani, përdoren rutina të gatshme, shtojca, etj. – për krijimin më të shpejtë të faqes, por për të aplikuar dhe përdorur rutina dhe shabllone të tilla, kërkohet ende njohuri minimale për të dhënat e sesionit. Tashmë keni lexuar se e gjithë gjuha përbëhet nga etiketa. Në këtë mësim 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ë mbyllëse. Dhe përshkruesit e çiftuar kanë një etiketë hapëse dhe mbyllëse. Etiketa të vetme HTML Etiketat e vetme nuk kanë një etiketë mbyllëse. Për shembull: , . Më parë ata shkruanin kështu: , , tani ky stil i shkrimit të etiketave të vetme nuk është i rëndësishëm, kështu që mos shkruani kështu. Etiketat e vetme më të përdorura: - kalo në një vijë të re, - vijë ndarëse, - futni një imazh. Etiketat HTML të çiftuara Ka shumë etiketa të tjera të çiftëzuara. Një përshkrues i çiftuar ka një etiketë hapëse dhe mbyllëse. Etiketa e çiftuar formon një enë. Përmbajtja e kontejnerit është ajo që ndodhet midis etiketave hapëse dhe mbyllëse. Në shembullin nga ky artikull, keni parë etiketën Çfarë janë përshkruesit në HTML? , pra, ky është një etiketë e çiftuar, përmbajtja e kësaj etikete është teksti "Çfarë janë etiketat në HTML?" Fillimi i tij është etiketa dhe fundi i tij është . Gabimi kryesor i fillestarëve në shkrimin e etiketave të çiftuara është konfuzioni në fole. Për shembull, kjo është hyrja e saktë: Paragraf i trashë . Dhe këtu është gabimi: Paragraf i trashë , një dokument HTML me një paraqitje të tillë konsiderohet i pavlefshëm. Për të mos ngatërruar foletë, bëni këtë: krijoni etiketa të çiftuara, më pas futni të tjera në to dhe në fund shkruani tekstin brenda të dy etiketave Si të shkruani saktë etiketat e çiftuara . Çfarë ka të re në HTML5 për sa i përket etiketave? HTML5 është një shtesë e HTML4, kështu që ruan shumicën ose të gjithë përshkruesit nga HTML4 dhe shton të vetat. HTML5 prezantoi etiketa speciale për ndarjen e faqes në blloqe kryesore: kokë, menu, fund, shirit anësor dhe përmbajtje. 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 paraqitjes së dokumenteve HTML, duke i kontrolluar ato për vlefshmëri. Ata kërkojnë fjalë 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 nuk ka nevojë t'i mësoni ato posaçërisht. Për sa kohë që praktikoni të shkruani diçka, të gjithë përshkruesit, të çiftuar dhe të vetëm, do të mbahen mend lehtësisht. Me kalimin e kohës, sigurisht. Një element HTML është njësia bazë strukturore e një faqe interneti, e shkruar në HTML. Etiketat HTML të çiftuara dhe të vetme Sintaksa e elementeve HTML që përbëhet nga etiketa të çiftuara është: Elementi fillon me një etiketë hapëse. Elementi përfundon me një etiketë mbyllëse. Përmbajtja e një elementi është gjithçka midis etiketave hapëse dhe mbyllëse. Përmbajtja mund të jetë tekst dhe/ose elementë të tjerë HTML. Shënim: Mos harroni të vendosni një "/" në etiketën mbyllëse, ajo i tregon shfletuesit që elementi juaj ka përfunduar dhe se ajo që vjen pas tij është një element tjetër. Nëse nuk e vendosni karakterin "/" në etiketën mbyllëse, shfletuesi do ta ngatërrojë atë për një element të ri të vendosur brenda një të mëparshmi, për të cilin shfletuesi mendon se ende nuk është mbyllur. Sintaksa për elementët HTML të përbërë nga etiketa të vetme është: Elementi përbëhet vetëm nga një etiketë hapëse. Elementet që përbëhen nga etiketa të vetme quhen bosh. Ka gjithsej 16 etiketa të vetme në HTML: Elementet e mbivendosur Elementet HTML që përbëhen nga etiketa të çiftuara ose mund të përmbajnë ndonjë element tjetër, ose ata vetë mund të futen brenda elementeve të tjerë, dhe thellësia e foleve të elementeve nuk është e kufizuar. Shembulli i mëposhtëm përbëhet nga tre elementë, dy prej të cilëve janë të ndërthurur: Paragrafi im i parë Kur një element është i vendosur brenda një tjetri, duhet të siguroheni që elementi i mbivendosur të fillojë dhe të përfundojë brenda të njëjtit element. Pra, për shembull, kodi i mëposhtëm është i pasaktë: Kjo është shumë Interesante Këtu elementi shkon përtej kufijve të elementit Shembull me folenë e saktë: Është shumë interesante Këtu elementi është futur siç duhet - është plotësisht brenda elementit Personazhet e hapësirës së bardhë Shfletuesi injoron karakteret e hapësirës së bardhë në kodin HTML, kështu që ju mund t'i përdorni ato në avantazhin tuaj për ta bërë kodin tuaj më të lexueshëm. Karakteret e hapësirës së bardhë përfshijnë skeda, ndërprerje rreshtash dhe hapësira të rregullta; ato mund të përdoren në çdo sasi. Shembull i kodit që përdor hapësirën e bardhë: Titulli Titulli im i parë Paragrafi im i parë Kodi i shembullit mund të shkruhet pa përdorur fare hapësirë ​​të bardhë, por një kod i tillë do të ishte më pak i lexueshëm: Titulli Titulli im i parë Paragrafi im i parë Ndërsa kodi i dokumentit HTML bëhet më i madh dhe më kompleks me kalimin e kohës, do të shihni se përdorimi i hapësirës së bardhë në të vërtetë përmirëson lexueshmërinë e kodit. Artikujt më të mirë mbi këtë temë Cilin tablet Apple është më mirë të blini? Flamurtari tjetër Sony Xperia Z5 është konservatorizmi mbizotërues Rishikimi i telefonave të thjeshtë me butona me bateri të fuqishme Telefoni i biznesit me butona të vitit Kategoritë: Programet Siguria Windows 10 Hekuri Windows 8 Në kontakt me Gabimet © 2023 bumotors.ru. Si të konfiguroni telefonat inteligjentë dhe PC. Portali informativ.