HTML tagy sú ako kľúčové slová, ktoré definujú, ako bude webový prehliadač formátovať a zobrazovať obsah. Pomocou značiek dokáže webový prehliadač rozlíšiť medzi obsahom HTML a jednoduchým obsahom. HTML tagy obsahujú tri hlavné časti: úvodný tag, content a záverečný tag. Niektoré značky HTML sú však neuzavreté značky.
Keď webový prehliadač číta dokument HTML, prehliadač ho číta zhora nadol a zľava doprava. HTML tagy sa používajú na vytváranie HTML dokumentov a vykresľovanie ich vlastností. Každá značka HTML má iné vlastnosti.
Súbor HTML musí mať niekoľko základných značiek, aby webový prehliadač dokázal rozlíšiť medzi jednoduchým textom a textom HTML. Môžete použiť toľko značiek, koľko chcete, podľa požiadaviek na kód.
- Všetky značky HTML musia byť uzavreté v týchto zátvorkách.
- Každá značka v HTML vykonáva iné úlohy.
- Ak ste použili značku open , musíte použiť značku zatvorenia (okrem niektorých značiek)
Syntax
obsahu
Príklady značiek HTML
Poznámka: HTML tagy sa vždy píšu malými písmenami. Základné HTML značky sú uvedené nižšie:
Značka odseku
Značka nadpisu
Tučný štítok
Značka kurzívou
Podčiarknutie značky
Vyskúšajte toNeuzavreté značky HTML
Niektoré značky HTML nie sú uzavreté, napríklad br a hr.
Tag: br znamená zlomový riadok, preruší riadok kódu.
Tag: hr znamená horizontálne pravidlo. Táto značka sa používa na vloženie čiary cez webovú stránku.
HTML meta tagy
DOCTYPE, názov, odkaz, meta a štýl
HTML textové značky
,
vznášajúce sa v css
Úroveň nadpisu 2
Úroveň nadpisu 3
Úroveň nadpisu 4
Úroveň nadpisu 5
Úroveň nadpisu 6
Štyri.
:
Pomocou tohto tagu môžeme rozdeliť webovú stránku. Znamená horizontálne pravidlo alebo prerušenie témy.
Syntax:
<hr>
46.:
Pomocou tohto tagu sú v ňom obsiahnuté všetky ostatné prvky. Je tiež známy ako koreň prvku HTML.
Syntax:
47. :
Pomocou tohto tagu môžeme urobiť kurzívou akýkoľvek obsah. Zvýrazňuje dôležitý termín, frázu alebo technický termín.
Syntax:
<i>Italicized Text</i>
48.
Pomocou tejto značky môžeme do aktuálnej webovej stránky vložiť ďalšiu HTML stránku.
Syntax:
<iframe src="url"></iframe>
49. ![]()
:
Pomocou tohto tagu môžeme vložiť obrázok do aktuálnej webovej stránky. Prepojí obrázok s obrázkom bez toho, aby ho priamo vložil na webovú stránku.
Syntax:
päťdesiat.
Pomocou tohto tagu môžeme povoliť interaktívne ovládanie vo formulári. Závisí to aj od rôznych polí typu atribútu.
Syntax:
51. :
Pomocou tohto tagu vieme určiť blok vloženého textu. Znamená to tiež, že do dokumentu bol pridaný určitý rozsah textu.
Syntax:
Inserted Text
52. :
Pomocou tejto značky môžeme odkazovať na textovú časť vloženého textu, ktorá predstavuje klávesnicu používateľa, hlas alebo akékoľvek iné zariadenie na zadávanie textu.
Syntax:
Keyboard Input
53. :
Pomocou tohto tagu môžeme zlepšiť použiteľnosť pre používateľov myši, t.j. kliknutím na štítok sa prepne ovládanie.
Syntax:
Label Text
54. :
Pomocou tejto značky môžeme definovať názov pre obsah dieťaťa. Legendy sú rodičovským prvkom všetkých podradených prvkov. Tieto prvky môžeme definovať pomocou .
Syntax:
Fieldset Caption
55.
Pomocou tohto tagu môžeme reprezentovať zoznam položiek na webovej stránke. Obsahuje usporiadaný zoznam (neusporiadaný alebo menu) ako nadradený prvok.
Syntax:
<ul> <li>List Item 1</li> <li>List Item 2</li> <li>List Item 3</li> </ul>
56. :
Pomocou tejto značky môžeme prepojiť externé zdroje s aktuálnou webovou stránkou.
Syntax:
57. :
Pomocou tejto značky môžeme urobiť z obyčajného prvku najdôležitejší prvok. Túto značku musíme napísať do značky.
Syntax:
58. :
Pomocou tohto tagu môžeme definovať obrázok mapy. Obrazová mapa má aj klikaciu plochu.
Syntax:
59. :
Pomocou tohto tagu môžeme reprezentovať text ako zvýraznený, ktorý bude použitý na referenčné alebo notačné účely. Na základe dôležitosti obsahu zvýraznila text.
Syntax:
Highlighted Text
60. :
Pomocou tohto tagu môžeme reprezentovať metadáta dokumentu. Metadáta obsahujú popis stránky, kľúčové slová, autorské práva, použitý jazyk a autora.
Syntax:
61. :
Pomocou tohto tagu môžeme reprezentovať merania v rámci daného rozsahu alebo zlomkových hodnôt. Je tiež známy ako meradlo.
Syntax:
Fallback Content
62. :
Pomocou tohto tagu môžeme reprezentovať sekciu navigačných odkazov v dokumente. Niektoré príklady navigačných značiek sú ponuky, obsahy, indexy atď.
Syntax:
63. :
Pomocou toho môžeme poskytnúť alternatívny skript, keď prehliadač používateľa nepodporuje konkrétny skript. Funguje tiež vždy, keď prehliadač používateľa nepodporuje skriptovanie na strane klienta alebo nepodporuje žiadny skriptovací jazyk.
Syntax:
64. :
Pomocou tejto značky môžeme na webových stránkach zobrazovať multimédiá, ako sú zvuk, videá, obrázky, súbory PDF a Flash.
Syntax:
65.:
Táto značka sa používa na vytvorenie zoradeného zoznamu. Usporiadaný zoznam môže byť číselný alebo abecedný. Vnútri
- , môžeme vytvoriť zoznam pomocou
- tag. Potom sa bude riadiť objednávkou.
Syntax:
<ol> <li>First Item</li> <li>Second Item</li> <li>Third Item</li> </ol>
66. :
Táto značka sa používa pri vytváraní rozbaľovacieho zoznamu. Pomocou tohto tagu môžeme definovať skupinu možností.
Syntax:
Option 1 Option 2
67. :
Pomocou tejto značky môžeme definovať možnosť v rozbaľovacom zozname pomocou značky.
Syntax:
Option Text
68. :
Pomocou tejto značky môžeme vytvoriť kontajner pre prvok, ktorý vloží výsledok výpočtu.
Syntax:
69. :
Pomocou tejto značky môžeme definovať značku odseku. Pomocou značky odseku môžeme vizuálne médiá reprezentovať ako bloky textu oddelené od susedných blokov prázdnymi riadkami alebo odsadením prvého riadku.
Syntax:
Paragraph text goes here.
70. :
Pomocou tohto tagu môžeme definovať parameter pre objekt. Pomocou toho môžeme odovzdať parameter pre ďalší vložený objekt.
Syntax:
71. :
Pomocou tejto značky môžeme poskytnúť flexibilitu webovej stránke špecifikovaním obrázka. Obsahuje tiež značky ako a .
Syntax:
72.:
Pomocou tohto tagu môžeme blok predformátovaného textu na webovej stránke deklarovať ako predformátovaný znak, ako sú medzery, zalomenia riadkov, tabulátory a pod.
Syntax:
Sem sa nachádza vopred naformátovaný text.
73. :
Pomocou tohto tagu môžeme zobraziť priebeh úlohy. Pomocou toho môže vývojár vytvoriť na svojej webovej stránke indikátor priebehu.
Syntax:
74. :
Pomocou tohto tagu môžeme na webovej stránke vytvoriť inline cenovú ponuku. Vo väčšine dnešných prehliadačov sa text nachádza v úvodzovkách.
Syntax:
Here is a short quotation within a sentence.
75. :
Pomocou tejto značky ju môžeme použiť v záložnej zátvorke, keď prehliadač nepodporuje rubínové anotácie.
Syntax:
java elseif
Base text (Ruby text)
76. :
Pomocou tejto značky môžeme definovať výslovnosť znaku vo vnútri rubínovej anotácie.
Syntax:
Base text Ruby text
77. :
Pomocou toho môžeme definovať výslovnosť východoázijských postáv a reprezentovať malé anotácie nad, pod alebo vedľa základného textu.
Syntax:
Base text Ruby text
78. :
Pomocou tohto tagu môžeme vykresliť text prečiarknutým alebo prečiarknutým. Túto značku môžeme použiť, keď Veci už nie sú presné alebo relevantné.
aktualizácia java
Syntax:
Struck-through text
79. :
Pomocou tohto tagu môžeme definovať vzorový výstup počítačového programu. Obsah tejto značky sa v prehliadači zobrazuje pomocou písma s jednotnou medzerou.
Syntax:
Sample text or code goes here
80. :
Pomocou tejto značky môžeme vložiť skriptovanie na strane klienta. Umožňuje tiež vloženie skriptu na webovú stránku HTML.
Syntax:
81. :
Pomocou tohto tagu môžeme vytvoriť hlavičku a pätu alebo akúkoľvek inú sekciu na webovej stránke.
Syntax:
82. :
Pomocou tejto značky môžeme definovať zoznam možností v zozname.
Syntax:
Option Text
83. :
Pomocou tejto značky môžeme zmenšiť veľkosť písma o jednu veľkosť menšiu ako je jeho základná veľkosť, napríklad z veľkého na malé.
Syntax:
Small text goes here
84.
Pomocou tejto značky môžeme prepojiť viaceré mediálne zdroje ako a ,
Syntax:
85.
Pomocou tohto tagu môžeme obsah definovať ako veľmi dôležitý. Prehliadač zobrazí tento prvok tučným písmom.
Syntax:
<strong>Emphasized text</strong>
86.:
Je to najvšeobecnejší prvok v HTML. Štýl môžeme aplikovať zoskupením prvkov.
Syntax:
<span>Text or content goes here</span>
87. :
Pomocou tejto značky môžeme poskytnúť informácie o štýle dokumentu.
Syntax:
CSS rules go here
88.:
Pomocou tohto tagu môžeme element dolného indexu zobraziť len z typografických dôvodov.
Syntax:
<sub>Subscript text</sub>
89. :
Pomocou tohto tagu môžeme vytvoriť rámček pomocou prvku, ktorý obsahuje súhrn, popis alebo legendu. Keď klikneme na tlačidlo súhrnu, vykoná sa otvorený/zatvorený stav nadradeného prvku *detaily>.
Syntax:
Summary text
90.:
Pomocou tohto tagu môžeme zobraziť ľubovoľný text ako horný index vloženého prvku.
Syntax:
<sup>Superscript text</sup>
91. :
Pomocou tohto tagu môžeme vložiť SVG grafy do webovej stránky. Pomocou tohto tagu môžeme tiež definovať vektorovú grafiku vo formáte XML.
Syntax:
92.
Pomocou tohto tagu môžeme definovať údaje v tabuľkovom formáte v HTML. Vytvorí dvojrozmernú tabuľku, ktorá má niekoľko riadkov a stĺpcov.
Syntax:
<table class="table"> </table>
93.:
Pomocou tejto značky môžeme zapuzdriť riadky tabuľky spojené s telom tabuľky.
Syntax:
<table class="table"> <tbody> </tbody> </table>
94.:
Pomocou tohto tagu môžeme definovať bunku tabuľky. Riadok tabuľky môže obsahovať viac ako jeden riadok
Syntax:
<tr> <td>Table cell content</td> </tr>