HTML
Níže je uveden pouze náhled materiálu. Kliknutím na tlačítko 'Stáhnout soubor' stáhnete kompletní formátovaný materiál ve formátu PDF.
HTML dokument
Struktura HTML dokumetu
verze
hlavička
tělo
HTML dokument -
členění
HTML by mělo definovat logickou strukturu dokumentu,
nikoli grafickou
Sada strukturálních elementů
h1 až h6
nadpisy
p
odstavec
<!-- komentar --> komentář
hr
horizontální oddělovač
abbr
zkratka
acronym
akronym
address
adresa
bdo
směr textu
blockquote
dlouhe odsazení
q
krátké odsazení
cite
citace
dfn
definice termínu
HTML
– typy elementů
Strukturální pokr.
code
text kódu počítače
kbd
text klávesnice
samp
ukázka počítačového kódu
tt
text dálnopisu
var
proměnná
pre
předformátovaný text
listing
výpis (dále nepodporováno viz pre)
plaintext
holý text (dále nepodporováno viz pre)
xmp
ukázka (dále nepodporováno viz pre)
strong
důležitý text
sub
spodní index
sup
horní index
ins
vložený text
del
smazaný text
HTML typy elementů
Formátovací
b
tučný text
big
velký text
em
zvýrazněný text
i
kurzíva
small
malý text
s
smazaný text (nepodporováno, viz del)
strike
přeskrtnutý text (dále nepodporováno, viz del)
u
podtržený text (dále nepodporováno)
Obrázky
Běžně jsou podporovány obrázky typu
– GIF
– JPG
– PNG (v IE v 6 nefunguje průhlednost)
Každý obrázek musí mít textovou alternativu.
Kde nestačí jednoduchý textový popis, je možné ukázat na
jinou stránku, která obrázek popíše.
Je dobré zadat rozměry obrázku.
Stránka by neměla obsahovat velké obrázky.
– Pokud je to nutné, uživatel musí mít možnost se jim
vyhnout, například pomocí náhledů
Obrázky
<body>
<h1>Moje zvířata</h1>
<img
src="obrazky/obrazek1.jpg"
alt="Dve kocicky, pejsek a umela kachna"
width="1024"
height="768"
longdesc="obrazek_podrobne.html"
>
[<a href="obrazek_podrobne.html">D</a>]
</body>
Zdroj obrázku
Alternativní text
Šířka
Výška
D-Link pro slepce
Odkaz na dlouhý popis
Obrázky - jak to dopadlo
Obrázky s náhledem
<body>
<h1>Moje zvířata</h1>
<h2>Takto ne</h2>
<img src="obrazky/obrazek1.jpg"
alt="Dve kocicky, pejsek a umela kachna"
height="115"
width="154">
<h2>Takto ano</h2>