Struktura dokumentu
Základní značky vymezující oblasti HTML souboru.
Tag
Význam
Párový
Výskyt
html
začátek HTML dokumentu
ano
na začátku souboru
head
hlavička stránky
ano
na začátku souboru
body
tělo stránky + definice pozadí
ano
za
poznámka
ano
kdekoliv
!doctype
specifikace DTD
ne
úplně na začátku souboru
html
Začíná a končí celý dokument. Veškerý další obsah musí být uvnitř. Jedná se o značku nepovinnou,
většina prohlížečů si ji domyslí. Pokud ale chcete mít soubory v souladu s normou, tag
používejte.
Tag html nemá žádné atributy.
head
Hlavička dokumentu, která se nezobrazuje. Obsahuje nepovinně další tagy (title, meta, link, style,
script aj.). Pokud v hlavičce použijete prostý text, v některých prohlížečích se zobrazí na začátku
stránky!
Tag head nemá žádné atributy.
body
Tělo dokumentu. Obsahuje veškerý zobrazovaný obsah stránky.
Blokové elementy
Tag
Význam
Párový
p
odstavec
nepovinně
br
řádkový zlom
ne
div
oddíl
ano
center
vycentrování
ano
h1
nadpis 1. úrovně
ano
h2
nadpis 2 úrovně
ano
h3
nadpis 3. úrovně
ano
h4
nadpis 4. úrovně
ano
h5
nadpis 5. úrovně
ano
h6
nadpis 6. úrovně
ano
blockquote
citace, odsazení
ano
address
adresa
ano
pre
předformátovaný text
ano
hr
vodorovná čára
ne
Tagy fyzického formátování textu
Tag
Význam
Párový
b
tučné písmo
ano
i
kurzíva
ano
u
podtržení textu
ano
sub
dolní index
ano
sup
horní index
ano
small
zmenšení textu
ano
big
zvětšení písma
ano
s
přeškrtnutý text
ano
strike
přeškrtnutý text
ano
font
písmo
ano
basefont
základní font
ne
blink
blikání písma
ano
nobr
nezalamovat obsah
ano
HTML kódy na pozadí – barvy
V html se barva pozadí zapisuje přímo do hlavičky pomocí atributu bgcolor jeho hodnota může být
např. barva (anglicky např. green) nebo hexakód.
HTML kódy na pozadí - barvy
Tato stránka bude mít zelené pozadí...
Nebo pomocí hexakódu.
HTML kódy na pozadí - barvy
Tato stránka bude mít takovéhle #003366 pozadí...
Bezpečné barvy
Bezpečných barev je 16 a mohou se zapisovat i jménem, ale samozřejmě jen anglicky.
Jménem se dá zapisovat spousta barev nejen základních 16, ale není to už validní proto ostatní
barvy zapisujte pomocí hexakódů.
Aqua
Gray
Navy
Silver
Black
Green
Olive
Teal
Blue
Lime
Purple
White
Fuchsia
Maroon
red
Yellow
Další barvy
#003366
#000099
#006699
#3366FF
#336699
#0000CC
#0099CC
#3333CC
#3366CC
#000066
#0066CC
#333399
#003399
#006666
#0033CC
#669999
#009999
#0066FF
#339966
#33CCFF
#33CCCC
#3366FF
#00CC99
#3399ff
#00CCFF
#3333CC
#00FFCC
#6699FF
#0099FF
#666699
#00FFFF
#6666FF
#6600FF
#00FF99
#99CCFF
#9900FF
#6600CC
#66FFCC
#9999FF
#006600
#339933
#66FFFF
#9966FF
#00CC00
#00CC66
#66CCFF
#9933FF
#00FF00
#66FF99
#CC99FF
#9900CC
#66FF66
#99FFCC
#CC66FF
#003300
#66FF99
#CCFFFF
#CC33FF
#009933
#99FF99
#CCCCFF
#CC00FF
#33CC33
#CCFFCC
#FFFFFF
#FF00FF
#009900
#FFFFCC
#FFCCFF
#CC00CC
#66FF33
#FFCCCC
#FF99FF
#660066
#99FF99
#FF99CC
#CC66FF
#336600
#CCFF99
#FF66CC
#FF33CC
#669900
#FFCC99
#CC3399
#CC0099
#99FF33
#FF9999
#990099
#993399
#CCFF66
#FF6699
#666633
#333300
#FFFF99
#FF3399
#99CC00
#CCFF33
#FF6666
#999966
#FF9933
#FFFF66
#FF0066
#CCCC00
#FF6600
#FFCC66
#CC6699
#FFFF00
#FF5050
#FF9966
#993366
#FFCC00
#CC0066
#660033
#CC6600
#990033
#993300
#996633
#FF3300
#663300
#990000
#CC9900
#FF0000
#996600
#800000
#FF9900
#CC0000
#CC3300
#993333
Obrázek na pozadí
Obrázek se vkládá zcela stejně jen je zapotřebý použít atribut background např. takhle:
HTML kódy na pozadí - obrázek
Tato stránka bude mít na pozadí obrázek...
Seznamy
Tag
Význam
Párový
Výskyt
li
položka seznamu
nepovinně
,
dd
definice termínu
ano
Odkazy
Tag a
atribut
Význam
href
cesta
target
v kterém okně se zobrazí
name
záložka
Obrázky
Tag
Význam
Párový
Výskyt
img
obrázek
ne
img
video
ne
map
klikací mapa
ano
area
oblast v klikací mapě
ne