Jdi na obsah Jdi na menu
 


Jazyk HTML

Syntaxe - co se jak v HTML píše, uvozovky, mezery, tagy

Terminologie - čemu se jak v HTML říká

URL - zápis webových adres, příklad, rozbor

Barvy - základní zápis barev v HTML

Délky - HTML zná pouze pixely, procenta a stupně písma

Znakové entity - značky, které mají v HTML speciální význam, nebo speciální znaky se píšou &entitami;

Nejdůležitější tagy - vhodné pro začátečníky, kteří nepotřebují umět všechno

Obecné atributy - bublinové nápovědy, označení jazyka apod.

XHTML - rozdíly syntaxe HTML a XHTML

Rejstřík tagů - abecedně řazená tabulka HTML tagů

HTML tahák - příklad nejčastějších zápisů

zobrazit vysvětlení

Níže následuje podrobný rozpis HTML tagů spíše pro pokročilé:

Struktura dokumentu

Každý HTML soubor by měl obsahovat několik základních tagů hlavičky a těla. Tím se zaručí, že všichni klienti (zejm. prohlížeče) pochopí, o co v dokumentu vlastně jde.

tagVýznamPárovýVýskyt
htmlzačátek HTML dokumentuanona začátku souboru
headhlavička stránkyanona začátku souboru
bodytělo stránky + definice pozadíanoza <head>
<!-- -->poznámkaanokdekoliv 
!doctypespecifikace DTDneúplně na začátku souboru

Úprava textu

Zastaralý způsob úpravy HTML textu se orientuje podle vzhledu, tomu říkám fyzické formátování. Fyzické formátování říká například textu, že bude tučný, namísto aby řekl, že je to důležitý text. Vyznačení smyslu HTML textu je naopak formátování logické.

Fyzické formátování

tagVýznamPárovýPoužívat?
btučné písmoanoano
ikurzívaanoano
upodtržení textuanone
subdolní indexanoano
suphorní indexanoano
smallzmenšení textuano 
bigzvětšení písmaano 
spřeškrtnutý textano ne
strikepřeškrtnutý textano 
fontpísmoanone
basefontzákladní fontnene
blinkblikání písmaanone
nobrnezalamovat obsahano 

Logické formátování

tagVýznamPárovýObvyklý vzhled
spanúsek textuanonormální
strongzvýraznění (tučně)anotučné
emzvýraznění (kurzíva)anokurzíva
citecitaceanokurzíva
codevýpis kóduanostrojopis
dfnnově použitý termínanokurzíva
kbdvstup z klávesniceanostrojopis
sampukázkaanostrojopis
ttteletypeanostrojopis
varformátování proměnnéanokurzíva
abbrustálený výrazanonormální
acronymzkratkaanonormální
delsmazaný obsahanopřeškrtnuto
inspřidaný textanopodtrženo
qcitaceanonormální

Bloky

Do přehledu bloků jsem kromě blokových prvků zahrnul všechny HTML tagy, které způsobí zalomení řádky (kromě tabulek a seznamů). Tato skupina tagů je tím pádem poněkud umělá, ale HTML tagy <br> a <hr> se mi prostě jinam nevešly.

tagVýznamPárový
podstavecnepovinně
brřádkový zlomne
divoddílano
centervycentrováníano
h1nadpis 1. úrovněano
h2nadpis 2 úrovněano
h3nadpis 3. úrovněano
h4nadpis 4. úrovněano
h5nadpis 5. úrovněano
h6nadpis 6. úrovněano
blockquotecitace, odsazeníano
addressadresaano
prepředformátovaný textano
hrvodorovná čárane

Seznamy

Říká se tomu také odrážky a číslování. HTML zná také definiční výčty, které se používají velmi málo.

tagVýznamPárovýVýskyt
lipoložka seznamunepovinně<ul>,<ol> <menu> nebo <dir>
olčíslovaný seznamano 
ulodrážkový seznamano 
dirzvláštní druh seznamuano 
menutyp seznamuano 
dlseznam definicano 
dtdefinovaný termínano<dl>
dddefinice termínuano<dl>

Odkazy

Odkaz se v HTML dělá tagem <a>. Mohly by sem patřit také HTML značky <map> a <area>, které jsou raději zařazené u obrázků.

tagVýznamPárovýVýskyt
aodkaz, hyperlink, záložkaanokdekoliv kromě <a>

Obrázky

tagVýznamPárovýVýskyt
imgobrázekne 
mapklikací mapaano 
areaoblast v klikací mapěne<map>

Tabulky

Tabulky jsou v HTML na strukturované zobrazování dat, používají se ale i na celkové rozvržení stránky (což je zastaralé). Podstatné jsou pouze tagy <table>, <tr> a <td>.

tagVýznamPárovýVýskyt
tabletabulkaano 
trřádek tabulkynepovinně<table>, <tbody>, <thead>, <tfoot>
tdbuňka tabulkynepovinně<tr>
thhlavičková buňka tabulkynepovinně<tr>
captionhlavička tabulkyano<table>
colovlivnění sloupce tabulkyne<table>
colgroupskupina sloupců tabulkyne<table>
tbodytělo tabulkyano<table>
theadhlavička tabulkyano<table>
tfootpatička tabulkyano<table>

Rámy

Rámy dokážou rozdělit okno prohlížeče na několik obdélníkových částí (rámů) a v každém z nich zobrazit jinou html stránku.

tagVýznamPárovýVýskyt
framesetskupina rámůanoza <head>
framerámne<frameset>
noframesalternativa rámůano<frameset>
iframevložený rámano 

Objekty

Vkládání videí, animací, her, zvuků, reklam a podobných blbostí.

tagVýznamPárovýVýskyt
appletJava apletano 
objectobjektano 
paramparametry objektune<object>, <applet>
embedobjekt s plužinouasi 
noembedalternativa k embedano<embed>

Formuláře

HTML dokáže na stránce vykreslit krásné formuláře. Na zpracování vyplněných dat ale HTML žádný nástroj nemá, musejí se použít serverové skripty.

tagVýznamPárovýVýskyt
formformulářano 
inputvstupní polene<form>
selectvýběrové poleano<form>
optionvolbane<select>
textareavelké vstupní poleano<form>
labelpopis poleano<form>
fieldsetskupina políano<form>
optgroupskupina volebano<select>
legendpopis poleano<fieldset>
buttontlačítkoano<form>

Hlavička

HTML hlavička (tag <head>) obsahuje tagy, jejichž obsah se na stránce nezobrazí, ale jsou důležité.

tagVýznamPárovýVýskyt
titletitulek stránkyano<head>
basezáklad odkazůne<head>
linknezobrazovaný odkazano<head>
metainformace o dokumentune<head>

Skripty a styly

Skripty myslím zejm. javascript, který umožňuje ve stránkách provádět jednoduché programy. Styly jsou CSS styly, klíčový jazyk pro ovlivnění vzhledu HTML dokumentů.

tagVýznamPárovýVýskyt
scriptskript, programanokdekoliv
noscriptalternativa ke skriptuanovně skriptu
stylezápis CSS styluano<head>

Rozšíření

Rozšíření HTML by se stejně dobře mohlo jmenovat "zkažení". Patří sem tagy, které jsou podporovány jenom jedním výrobcem webových prohlížečů.

tagVýznamPárovýPodporaVýskyt
bgsoundzvuk na pozadíanoInternet Explorer<head>
marqueeběžící textanoInternet Explorer 
layerhladina, vrstvaanoNetscape 4 
multicolsloupcová úpravaanoNetscape 
spacerprázdné místoneNetscape 

Obecné atributy

Atributy použitelné u skoro každého HTML tagu.

AtributVýznamPlatnost pro
classtřída pro CSS selekcivšechny HTML prvky
ididentifikátor pro CSS a skriptyvšechny HTML prvky
stylezápis CSS styluzobrazované prvky
titletitulek prvku, doplňující info v bubliněvšechny HTML prvky
langjazyk prvkuvšechny HTML prvky
namejméno pro spolupráci s dalšími prvkyrůzná použitelnost
accesskeyfunkční klávesaodkazy a formulářová pole
tabindexpořadí aktivizace tabulátoremodkazy a formulářová pole
languagejazyk skriptuscript, zastaralé
událostiuživatelské události spouštějící skriptyzobrazované prvky

Prosím o odkaz

Přidejte, prosím, na své stránky odkaz

<a href="http://www.jakpsatweb.cz/html/">HTML příručka</a>

nebo ikonku:

HTML příručka<a href="http://www.jakpsatweb.cz/html/"><img src="http://www.jakpsatweb.cz/images/jpw_html.gif" border="0" alt="HTML příručka"></a>

Další ikonky. Díky!


Tak to bychom měli. Možná budou někde chyby, dělal jsem to narychlo. I tak jsem na tom nechal šest dnů. Dokončeno 1. června 2001, stále průběžně aktualizováno.

(zdroj: www.jakpsatweb.cz)