OrgPad logo

Struktura HTML elementů

Created by Petr Voborník

Schéma HTML elementů s jejich vysvětlením a návazností zanořování do sebe

#html, #programování

Struktura HTML elementů

<samp>

ukázkový výstup z PC programu

<code>

část kódu

<sup>

horní index

<s>

přeškrtnuté (text který již není platný)

<sub>

dolní index

<del>

přeskrtnuté (text při korekci určený pro smazání)

styl písma

<em>

kurzíva (dříve <i>)

<small>

menší písmo

<!DOCTYPE html>

<ins>

podtržení (text při korekci určený pro přidání)

<mark>

zvýrazněná část textu (defaultně podbarvená)

<strong>

tučné (dříve <b>)

<cite>

citace (její zdroj)

<abbr>

zkratka nebo akronym (lze skrytě doplnit její význam)

<source />

<!- - -->

komentář

řez písma

<br />

zalomení řádku v odstavci

<q>

citace (její text)

<var>

označení proměnných v textu (např. u matematické úlohy)

<a>

<video>

přehrávání vlastního video souboru

<track />

definice zvukové stopy videa, je-li jich více

<ruby>

vložený obsah

<audio>

přehrávání audio souboru

Zdroje

<html>

informativní označení

<span>

text

<dfn>

slovo, které bude vysvětleno ve slovníku, obsahu či rejstříku

<kbd>

klávesová zkratka

<cavas>

<bdo>

umožňuje změnit pořadí (směr) textu

<img />

obrázek

<map>

<iframe>

zobrazení obsahu jiné stránky zadané URL adresy

<object>

<head>

<body>

viditelná část stránky

<area />

vymezení oblasti v obrázku a odkazu, kam kliknutí na ni vede

 

<fieldset>

skupina formulářových prvků

<legend>

nadpis skupiny

<param />

umožňuje dodateční individuální nastavení parametrů zdroje

<label>

<meta />

metainformace o stránce

<title>

název stránky

<link />

připojování dalších souborů (styly, JavaScript)

<style />

definice stylů zapsaná jako součást stránky

<script>

výkonný kód v JavaScriptu

<form>

<p>

odstavec textu (paragraf)

blokové prvky

<address>

poštovní adresa

<caption>

nadpis tabulky

<table>

<optgroup>

<input />

Typy inputu:

<select>

<header>

<thead>

záhlaví tabulky (obvykle první řádek)

<tbody>

tělo tabulky se samotnými daty

<tfoot>

zápatí tabulky (např. sumy sloupců)

<colorgroup>

umožňuje definovat styly (barvy) pro celé jednotlivé sloupce

<textarea>

dlouhý, víceřádkový text

<div>

<pre>

<option>

položka výběru

<nav>

<col />

definice stylu (atribut style) daného sloupce

<button>

Typy tlačítek

<tr>

řádek tabulky (table row)

struktura dokumentu

seznamy

<main>

<th>

<td>

<section>

<ul>

bodový seznam

<ol>

číslovaný seznam

<dl>

seznam bodů s vysvětlivkami

<article>

<li>

položka seznamu

<dt>

položka první úrovně

<dd>

položka vysvětlující <dt> nad ní

<h1> - <h6>

Speciální znaky

&quot;

" (uvozovky)

<aside>

&nbsp;

pevná mezera

&amp;

& (amprsand)

&lt;

<

&gt;

>

<footer>