HTML tagy jsou jako klíčová slova, která definují, jak bude webový prohlížeč formátovat a zobrazovat obsah. Pomocí značek dokáže webový prohlížeč rozlišit mezi obsahem HTML a jednoduchým obsahem. HTML tagy obsahují tři hlavní části: úvodní tag, content a závěrečný tag. Některé HTML tagy jsou ale neuzavřené tagy.

Když webový prohlížeč čte dokument HTML, prohlížeč jej čte shora dolů a zleva doprava. HTML tagy se používají k vytváření HTML dokumentů a vykreslování jejich vlastností. Každý HTML tag má jiné vlastnosti.

Soubor HTML musí mít některé základní značky, aby webový prohlížeč dokázal rozlišit mezi jednoduchým textem a textem HTML. Můžete použít tolik značek, kolik chcete, podle požadavků na kód.

• Všechny značky HTML musí být uzavřeny v těchto závorkách.
• Každá značka v HTML plní různé úkoly.
• Pokud jste použili značku open , musíte použít značku close (kromě některých značek)

Syntax

obsah

Příklady značek HTML

Poznámka: HTML tagy jsou vždy psány malými písmeny. Níže jsou uvedeny základní HTML značky:

Značka odstavce

Značka nadpisu

Tučný štítek

Značka kurzívou

Podtržení značky

Neuzavřené HTML tagy

Některé HTML tagy nejsou uzavřené, například br a hr.

Štítek: br znamená break line, přeruší řádek kódu.

HTML meta tagy

DOCTYPE, název, odkaz, meta a styl

HTML textové značky

,

Úroveň nadpisu 2

Úroveň nadpisu 3

Úroveň nadpisu 4

Úroveň nadpisu 5

Úroveň nadpisu 6

Čtyři pět.

---

:

Pomocí tohoto tagu můžeme webovou stránku rozdělit. Znamená horizontální pravidlo nebo přerušení tématu.

Syntax:

<hr>

46.:

S pomocí tohoto tagu jsou v něm obsaženy všechny ostatní prvky. Je také známý jako kořen prvku HTML.

Syntax:

47. :

Pomocí tohoto tagu můžeme vytvořit kurzívou jakýkoli obsah. Zvýrazňuje důležitý termín, frázi nebo technický termín.

Syntax:

 <i>Italicized Text</i> 

48.

Pomocí této značky můžeme do aktuální webové stránky vložit další HTML stránku.

Syntax:

 <iframe src="url"></iframe>

49. :

Pomocí tohoto tagu můžeme vložit obrázek do aktuální webové stránky. Propojí obrázek s obrázkem, aniž by jej přímo vložil na webovou stránku.

Syntax:

padesáti.

Pomocí tohoto tagu můžeme povolit interaktivní ovládání ve formuláři. Záleží také na různých polích typu atributu.

Syntax:

51. :

Pomocí tohoto tagu můžeme určit blok vkládaného textu. Také to znamená, že do dokumentu byl přidán určitý rozsah textu.

Syntax:

Inserted Text

52. :

Pomocí této značky můžeme odkazovat na textovou část vloženého textu, která představuje uživatelskou klávesnici, hlas nebo jakékoli jiné zařízení pro vkládání textu.

Syntax:

Keyboard Input

53. :

Pomocí tohoto tagu můžeme zlepšit použitelnost pro uživatele myši, tj. kliknutím na popisek se přepne ovládání.

Syntax:

Label Text

54. :

Pomocí tohoto tagu můžeme definovat nadpis pro obsah dítěte. Legendy jsou nadřazeným prvkem všech podřízených prvků. Tyto prvky můžeme definovat pomocí .

Syntax:

 Fieldset Caption 

55.

:

Pomocí tohoto tagu můžeme reprezentovat seznam položek na webové stránce. Obsahuje uspořádaný seznam (neuspořádaný nebo menu) jako nadřazený prvek.

Syntax:

<ul> <li>List Item 1</li> <li>List Item 2</li> <li>List Item 3</li> </ul>

56. :

Pomocí této značky můžeme propojit externí zdroje s aktuální webovou stránkou.

Syntax:

57. :

Pomocí tohoto tagu můžeme z obyčejného prvku udělat ten nejdůležitější prvek. Tuto značku musíme napsat dovnitř značky.

Syntax:

58. :

Pomocí tohoto tagu můžeme definovat obrázek mapy. Obrazová mapa má také klikací oblast.

Syntax:

59. :

Pomocí tohoto tagu můžeme znázornit text jako zvýrazněný, který bude použit pro referenční nebo notační účely. Na základě důležitosti obsahu zvýraznil text.

Syntax:

Highlighted Text

60. :

Pomocí tohoto tagu můžeme reprezentovat metadata dokumentu. Metadata obsahují popis stránky, klíčová slova, autorská práva, použitý jazyk a autora.

Syntax:

61. :

Pomocí tohoto tagu můžeme reprezentovat Měření v daném rozsahu nebo zlomkových hodnotách. Je také známý jako měřidlo.

Syntax:

Fallback Content

62. :

Pomocí této značky můžeme reprezentovat sekci navigačních odkazů v dokumentu. Některé příklady navigačních značek jsou nabídky, obsahy, rejstříky atd.

Syntax:

63. :

S pomocí toho můžeme poskytnout alternativní skript, když prohlížeč uživatele konkrétní skript nepodporuje. Funguje také vždy, když prohlížeč uživatele nepodporuje skriptování na straně klienta nebo nepodporuje žádný skriptovací jazyk.

Syntax:

64. :

Pomocí této značky můžeme na webových stránkách zobrazovat multimédia, jako jsou zvuk, videa, obrázky, soubory PDF a Flash.

Syntax:

65.

:

Tato značka se používá pro vytvoření uspořádaného seznamu. Seřazený seznam může být číselný nebo abecední. Uvnitř

můžeme vytvořit seznam pomocí
1. štítek. Poté se bude řídit pořadím.

Syntax:

<ol> <li>First Item</li> <li>Second Item</li> <li>Third Item</li> </ol>

66. :

Tato značka se používá při vytváření rozevíracího seznamu. Pomocí tohoto tagu můžeme definovat skupinu voleb.

Syntax:

 Option 1 Option 2 

67. :

Pomocí této značky můžeme definovat volbu v rozevíracím seznamu pomocí značky.

Syntax:

 Option Text 

68. :

Pomocí této značky můžeme vytvořit kontejner pro prvek, který vloží výsledek výpočtu.

Syntax:

69. :

Pomocí této značky můžeme definovat značku odstavce. Pomocí značky odstavce můžeme vizuální média reprezentovat jako bloky textu oddělené od sousedních bloků prázdnými řádky nebo odsazením prvního řádku.

Syntax:

Paragraph text goes here.

70. :

Pomocí této značky můžeme definovat parametr pro objekt. Pomocí toho můžeme předat parametr pro další vložený objekt.

Syntax:

71. :

S pomocí tohoto tagu můžeme webové stránce poskytnout flexibilitu zadáním obrázku. Obsahuje také značky jako a .

Syntax:

72.

:

Pomocí této značky můžeme blok předformátovaného textu na webové stránce prohlásit za předformátovaný znak, jako jsou mezery, zalomení řádků, tabulátory atd.

Syntax:

Zde je předformátovaný text.

73. :

Pomocí této značky můžeme zobrazit průběh úlohy. S pomocí tohoto může vývojář vytvořit ukazatel průběhu na své webové stránce.

Syntax:

74. :

Pomocí tohoto tagu můžeme na webové stránce vytvořit inline nabídku. Text je dnes ve většině prohlížečů obsažen v uvozovkách.

Syntax:

Here is a short quotation within a sentence.

75. :

S pomocí této značky ji můžeme použít v záložní závorce, když prohlížeč nepodporuje rubínové anotace.

Syntax:

 Base text (Ruby text) 

76. :

Pomocí této značky můžeme definovat výslovnost znaku uvnitř rubínové anotace.

Syntax:

 Base text Ruby text 

77. :

Pomocí toho můžeme definovat výslovnost východoasijských znaků a reprezentovat malé anotace nad, pod nebo vedle základního textu.

Syntax:

 Base text Ruby text 

78. :

Pomocí této značky můžeme text vykreslit přeškrtnutým nebo přeškrtnutým. Tuto značku můžeme použít, když Věci již nejsou přesné nebo relevantní.

Syntax:

jeden milion v číslech

Struck-through text

79. :

Pomocí této značky můžeme definovat ukázkový výstup počítačového programu. Obsah této značky se v prohlížeči zobrazuje pomocí písma s neproporcionálním písmem.

Syntax:

Sample text or code goes here

80. :

Pomocí této značky můžeme vložit skriptování na straně klienta. Umožňuje také vložení skriptu na webovou stránku HTML.

Syntax:

81. :

Pomocí této značky můžeme vytvořit záhlaví a zápatí nebo jakoukoli jinou sekci na webové stránce.

Syntax:

82. :

Pomocí této značky můžeme definovat seznam možností uvnitř seznamu.

Syntax:

 Option Text 

83. :

Pomocí této značky můžeme zmenšit velikost písma o jednu velikost menší, než je jeho základní velikost, například z velkého na malé.

Syntax:

Small text goes here

84.

S pomocí tohoto tagu můžeme propojit více mediálních zdrojů jako a ,

Syntax:

85.

Pomocí tohoto tagu můžeme obsah definovat jako velmi důležitý. Prohlížeč zobrazí tento prvek tučně.

Syntax:

 <strong>Emphasized text</strong> 

86.:

Je to nejobecnější prvek v HTML. Styl můžeme aplikovat seskupením prvků.

Syntax:

<span>Text or content goes here</span>

87. :

Pomocí této značky můžeme poskytnout informace o stylu dokumentu.

Syntax:

 CSS rules go here 

88._:

Pomocí tohoto tagu můžeme zobrazit prvek dolního indexu pouze z typografických důvodů.

Syntax:

<sub>Subscript text</sub>

89. :

Pomocí tohoto tagu můžeme vytvořit box pomocí prvku, který obsahuje souhrn, popisek nebo legendu. Když klikneme na tlačítko shrnutí, provede se stav otevřeno/zavřeno nadřazeného prvku *details>.

Syntax:

 Summary text 

90.^:

Pomocí tohoto tagu můžeme zobrazit libovolný text jako horní index inline elementu.

Syntax:

<sup>Superscript text</sup>

91. :

Pomocí tohoto tagu můžeme vložit SVG grafy do webové stránky. Pomocí tohoto tagu můžeme také definovat vektorovou grafiku ve formátu XML.

Syntax:

92.:

Pomocí tohoto tagu můžeme definovat data v tabulkovém formátu v HTML. Vytvoří dvourozměrnou tabulku, která má několik řádků a sloupců.

Syntax:

<table class="table"> </table>

93.:

Pomocí této značky můžeme zapouzdřit řádky tabulky spojené s tělem tabulky.

Syntax:

<table class="table"> <tbody> </tbody> </table>

94.:

Pomocí tohoto tagu můžeme definovat buňku tabulky. Řádek tabulky může obsahovat více než jeden řádekživel. V tomto prvku je ponecháno výchozí zarovnání.

Syntax:

<tr> <td>Table cell content</td> </tr>