HTML prilučka
HTML príručka
Popis HTML tagov a ich atribútov, ako sú podporované hlavnými prehliadači Internet Explorer, Mozilla, Opera a iné v roku 2011 (priebežne aktualizované od 2005). Manuál nepíšem podľa html referencie alebo špecifikácie, ale zo skúseností (zodpovedá to HTML 4.01). Nezmiňuju zatiaľ HTML 5, pretože nie je (a dlho ešte nebude) hlavnými prehliadači podporované.
Ste úplní začiatočníci? Najprv si prečítajte, ako si urobiť stránky a ako stránky dostať na server. Príklady nájdete v HTML ťaháku, alebo mrknite na najužitočnejšie tagy.
Prehľad HTML značiek (tagov)
Štruktúra - Text - Bloky - Zoznamy - Odkazy - Obrázky - Tabuľky - Rámy - Objekty - Formuláre - Hlavička - Skripty a štýly - Rozšírenie
Jazyk HTML
Syntax - Terminológia - URL - Farby - dĺžky - Znakové entity - Najdôležitejšie tagy - Všeobecné atribúty - XHTML - Verzia HTML - Register tagov - HTML ťahák - Podmienené komentáre - zobraziť vysvetlenie
Nižšie nasleduje podrobný rozpis HTML tagov skôr pre pokročilých:
Štruktúra dokumentu
Každý HTML súbor by mal obsahovať niekoľko základných tagov hlavičky a tela. Tým sa zaručí, že všetci klienti (najmä prehliadača) pochopí, o čo v dokumente vlastne ide.
tag Význam Párový Výskyt
html začiatok HTML dokumentu áno na začiatku súboru
head hlavička stránky áno na začiatku súboru
body telo stránky + definície pozadí áno za <head>
<! - -> Poznámka áno kdekoľvek
! DOCTYPE špecifikácia DTD nie úplne na začiatku súboru
Úprava textu
Zastaralý spôsob úpravy HTML textu sa orientuje podľa vzhľadu, tomu hovorím fyzické formátovanie.Fyzické formátovanie hovorí napríklad textu, že bude tučný, namiesto aby povedal, že je to dôležitý text.Vyznačenie zmysle HTML texte je naopak formátovania logické.
Fyzické formátovanie
tag Význam Párový Používať?
b tučné písmo áno áno
i kurzíva áno áno
u podčiarknutie textu áno nie
sub dolný index áno áno
sup horný index áno áno
small zmenšenie textu áno
big zväčšenie písma áno
s preškrtnutý text áno nie
strike preškrtnutý text áno
font písmo áno nie
BASEFONT základný font nie nie
blink blikanie písma áno nie
nobr nezalamovať obsah áno
WBR voliteľné rozdelenie nie pokojne
Logické formátovania
tag Význam Párový Obvyklý vzhľad
span úsek textu áno normálne
strong zvýraznenie (tučne) áno tučné
em zvýraznenie (kurzíva) áno kurzíva
cite citácie áno kurzíva
code výpis kódu áno strojopis
dfn novo použitý termín áno kurzíva
kbd vstup z klávesnice áno strojopis
samp ukážka áno strojopis
tt teletype áno strojopis
var formátovania premenné áno kurzíva
abbr ustálený výraz áno normálne
acronym skratka áno normálne
del zmazaný obsah áno preškrtnuté
ins pridaný text áno podčiarknuté
q citácie áno normálne
Bloky
Do prehľadu blokov som okrem blokových prvkov zahrnul všetky HTML tagy, ktoré spôsobia zalomenie riadku (okrem tabuliek a zoznamov). Táto skupina tagov je tým pádom trochu umelá, ale HTML tagy <br> a <hr> sa mi proste inam nevošli.
tag Význam Párový
p odsek nepovinne
br riadkový zlom nie
div oddiel áno
centier vycentrovanie áno
h1 nadpis 1. úrovne áno
h2 nadpis 2 úrovne áno
h3 nadpis 3. úrovne áno
h4 nadpis 4. úrovne áno
h5 nadpis 5. úrovne áno
h6 nadpis 6. úrovne áno
blockquote citácie, odsadenie áno
address adresa áno
pre predformátovaný text áno
hr vodorovná čiara nie
Zoznamy
Hovorí sa tomu aj odrážky a číslovanie. HTML pozná tiež definície výpočty, ktoré sa používajú veľmi málo.
tag Význam Párový Výskyt
Ak položka zoznamu nepovinne <ul>, <ol> <Menu> alebo <dir>
ol číslovaný zoznam áno
ul odrážkové zoznam áno
dir zvláštny druh zoznamu áno
menu typ zoznamu áno
dl zoznam definícií áno
dt definovaný termín áno <dl>
dd definície termínu áno <dl>
Odkazy
Odkaz sa v HTML robí tagom <a>. Mohli by sem patriť aj HTML značky MAP a <area>, ktoré sú radšej zaradené u obrázkov.
tag Význam Párový Výskyt
a odkaz, hyperlink, záložka áno kdekoľvek okrem <a>
Príklad: <a href="http://www.seznam.cz"> Zoznam </ a>
Obrázky
tag Význam Párový Výskyt
img obrázok nie
máp klikacie mapa áno
area oblasť v klikacie mape nie MAP
Tabuľky
Tabuľky sú v HTML na štruktúrované zobrazovanie dát, používajú sa ale aj na celkové rozvrhnutie stránky (čo je zastaralé). Podstatné sú iba tagy <table>, <tr> a <td>.
tag Význam Párový Výskyt
table tabuľka áno
tr riadok tabuľky nepovinne <table>, <tbody>, <thead>, <tfoot>
td bunka tabuľky nepovinne <tr>
th hlavičková bunka tabuľky nepovinne <tr>
caption hlavička tabuľky áno <table>
col ovplyvnenie stĺpca tabuľky nie <table>
colgroup skupina stĺpcov tabuľky nie <table>
tbody telo tabuľky áno <table>
thead hlavička tabuľky áno <table>
TFOOT päta tabuľky áno <table>
Rámy
Rámy dokážu rozdeliť okno prehliadača na niekoľko obdĺžnikových častí (rámov) av každom z nich zobraziť inú html stránku.
tag Význam Párový Výskyt
FRAMESET skupina rámov áno za <head>
frame rám nie <frameset>
NOFRAMES alternatíva rámov áno <frameset>
iframe vložený rám áno
Objekty
Vkladanie videí, animácií, hier, zvukov, reklám a podobných blbostí.
tag Význam Párový Výskyt
applet Java aplet áno
object objekt áno
param parametre objektu nie <object>, <applet>
embed objekt s plug-inu asi
noembed alternatíva k embed áno <embed>
Formuláre
HTML dokáže na stránke vykresliť krásne formulára. Na spracovanie vyplnených dát ale HTML žiadny nástroj nemá, musia sa použiť serverové skripty.
tag Význam Párový Výskyt
form formulár áno
input vstupné pole nie <form>
select výberové pole áno <form>
option voľba nie <select>
textarea veľké vstupné pole áno <form>
label popis pole áno <form>
fieldset skupina polí áno <form>
optgroup skupina volieb áno <select>
legiend popis pole áno <fieldset>
button tlačidlo áno <form>
Hlavička
HTML hlavička (tag <head>) obsahuje tagy, ktorých obsah sa na stránke nezobrazí, ale sú dôležité.
tag Význam Párový Výskyt
title titulok stránky áno <head>
base základ odkazov nie <head>
link nezobrazovanie odkaz áno <head>
meta informácie o dokumente nie <head>
Skripty a štýly
Skripty myslím hlavne javascript, ktorý umožňuje v stránkach vykonávať jednoduché programy. Štýly sú CSS štýly, kľúčový jazyk pre ovplyvnenie vzhľadu HTML dokumentov.
tag Význam Párový Výskyt
script skript, program áno kdekoľvek
noscript alternatíva ku skriptu áno mimo skriptu
style zápis CSS štýlu áno <head>
Rozšírenie
Rozšírenie HTML by sa rovnako dobre mohlo volať "skazení". Patrí sem tagy, ktoré sú podporované len jedným výrobcom webových prehliadačov.
tag Význam Párový Podpora Výskyt
bgsound zvuk na pozadí áno Internet Explorer <head>
marquee bežiaci text áno Internet Explorer
layer hladina, vrstva áno Netscape 4
multicol stĺpcová úprava áno Netscape
spacer prázdne miesto nie Netscape
Všeobecné atribúty
Atribúty použiteľné u skoro každého HTML tagu.
Atribút Význam Platnosť pre
class trieda pre CSS selekciu všetky HTML prvky
id identifikátor pre CSS a skripty všetky HTML prvky
style zápis CSS štýlu zobrazované prvky
title titulok prvku, doplňujúce info v bubline všetky HTML prvky
lang jazyk prvku všetky HTML prvky
name meno pre spoluprácu s ďalšími prvkami rôzne použiteľnosť
accesskey funkčná klávesa odkazy a formulárové pole
tabindex poradí aktivizácia tabulátorom odkazy a formulárové pole
language jazyk skriptu script, zastaralé
udalosti užívateľské udalosti spúšťajúci skripty zobrazované prvky
O HTML
HTML znamená Hypertext Markup Language, teda hypertextový značkovací jazyk. Hypertext markup language sa vyvinul zo SGML a stal sa používaným jazykom pre tvorbu webových stránok. V histórii sa najviac používali verzia HTML 2.0, HTML 3.2 a HTML 4.01. Z HTML sa vyvinulo aj XHTML (extended hypertext markup language) ako aplikácia XML, ktoré osobne považujem za slepú vývojovú vetvu. V roku 2010 sa začalo hovoriť o používaní HTML 5.
Normálnemu človeku i pokročilému programátorovi stačí k životu používať nejakú zmes obľúbených HTML tagov, ktoré sú všetkými modernými prehliadačmi podporované, bez ohľadu na to, do ktorej verzie patrí.