Ako písať web
Ako písať web | Všetko sa naučte na webe stranky111.weblahko.sk. Tu sa nečo dozviete o HTML,CSS,PHP či o JavaScripte.
Vitajte na webe v sekcii Ako písať web. Niektoré zdrojové kódy by mali ísť aj na tomto portáli WebĽahko.
Ak máte nejaké otázky, napíšte mi na yotta.exe@gmail.com
HyperText Markup Language (HTML)
Štruktúra dokumentu
| tag |
Význam |
Párový |
Výskyt |
| html |
začiatok HTML dokumentu |
 |
na začiatku súboru |
| head |
hlavička stránky |
|
na začiatku súboru |
| body |
telo stránky + definícia pozadia |
|
za <head> |
| <!-- --> |
poznámka |
|
hocikde |
| !doctype |
specifikácia DTD |
 |
úplně na začiatku súboru |
Fyzické formátovanie
| tag |
Význam |
Párový |
Používat? |
| b |
tučné písmo |
|
|
| i |
kurzíva |
|
|
| u |
podčiarknutý textu |
|
|
| sub |
dolný index |
|
|
| sup |
horný index |
|
|
| small |
zmenšenie písma |
|
- |
| big |
zvečšenie písma |
|
- |
| s |
prečiarknutie text |
|
|
| strike |
prečiarknutie text |
|
- |
| font |
písmo |
|
|
| basefont |
základný font |
|
|
| blink |
blikanie písma |
|
|
| nobr |
nezalamovať obsah |
|
- |
| wbr |
volitelné rozdelenie |
|
pokojne |
Logické formátovanie
| tag |
Význam |
Párový |
Obvyklý vzhľad |
| span |
úsek textu |
|
 |
| strong |
zvýrazneie (tučně) |
|
tučné |
| em |
zvýraznenie (kurzíva) |
|
kurzíva |
| cite |
citácia |
|
kurzíva |
| code |
výpis kódu |
|
strojopis |
| dfn |
novo použitý termín |
|
kurzíva |
| kbd |
vstup z klávesnice |
|
strojopis |
| samp |
ukázka |
|
strojopis |
| tt |
teletype |
|
strojopis |
| var |
formátování premenné |
|
kurzíva |
| abbr |
ustálený výraz |
|
|
| acronym |
skratka |
|
|
| del |
zmazaný obsah |
|
prečiarknuté |
| ins |
pridaný text |
|
podčiarknuté |
| q |
citácia |
|
|
Bloky
| tag |
Význam |
Párový |
| p |
odstavec |
nepovinně |
| br |
vodorovná čiara |
 |
| div |
oddiel |
 |
| center |
vycentrovanie |
|
| h1 |
nadpis 1. úrovne |
|
| h2 |
nadpis 2 úrovně |
|
| h3 |
nadpis 3. úrovne |
|
| h4 |
nadpis 4. úrovne |
|
| h5 |
nadpis 5. úrovne |
|
| h6 |
nadpis 6. úrovne |
|
| blockquote |
citácia, odsadenieí |
|
| address |
adresa |
|
| pre |
predformátovaný text |
|
| hr |
vodorovná čiara |
|
Tagy HTML 5
| tag |
Význam |
Párový |
| header |
záhlavie stránky vo zmyslu viditeľnej hlavičky |
|
| footer |
pätička stránky |
|
| main |
hlavný obsah stránky |
|
| article |
jeden článok, zámena pre situáciu, keď je na stránke viac článkov |
|
| aside |
vedlajší obsah |
|
| section |
obsahová sekcia, napríklad kapitoly článku |
|
| nav |
navigácia stránky |
|
| figure |
obalenie obrázku alebo iného obsahu s jeho súvislím obsahom |
|
| figcaption |
nadpis tagov figúry |
|
Zoznamy
| tag |
Význam |
Párový |
Výskyt |
| li |
položka zoznamu |
nepovinné |
<ul>,<ol> <menu> nebo <dir> |
| ol |
číslovaný zoznam |
|
|
| ul |
odrážkový zoseznam |
|
|
| dir |
zvláštny druh zoznamu |
|
|
| menu |
typ zoznamu |
|
|
| dl |
zoznam definínií |
|
|
| dt |
definovaný termín |
|
<dl> |
| dd |
definicia termínu |
|
<dl> |
Odkazy
| tag |
Význam |
Párový |
Výskyt |
| a |
odkaz, hyperlink, záložka |
|
kdekoľve okrem <a> |
Obrázky
| tag |
Význam |
Párový |
Výskyt |
| img |
obrázok |
|
|
| map |
klikacia mapa |
|
|
| area |
oblast v klikacej mape |
|
<map> |
Tabuľky
| tag |
Význam |
Párový |
Výskyt |
| table |
tabulka |
|
|
| tr |
riadok tabuľky |
nepovinné |
<table>, <tbody>, <thead>, <tfoot> |
| td |
bunka tabuľky |
nepovinné |
<tr> |
| th |
hlavičková bunka tabuľky |
nepovinné |
<tr> |
| caption |
hlavička tabuľky |
|
<table> |
| col |
ovplyvnenie stĺpcov tabuľky |
|
<table> |
| colgroup |
skupina stĺpcov tabuľky |
|
<table> |
| tbody |
telo tabuľky |
|
<table> |
| thead |
hlavička tabuľky |
|
<table> |
| tfoot |
pätička tabuľky |
|
<table> |
Rámy
| tag |
Význam |
Párový |
Výskyt |
| frameset |
skupina rámov |
|
za <head> |
| frame |
rám |
|
<frameset> |
| noframes |
alternativa rámov |
|
<frameset> |
| iframe |
vložený rám |
|
|
Objekty
| tag |
Význam |
Párový |
Výskyt |
| applet |
Java aplet |
|
|
| object |
objekt |
|
|
| param |
parametre objektu |
|
<object>, <applet> |
| embed |
objekt s plužinou |
asi |
|
| noembed |
alternativa k embed |
|
<embed> |
Formuláre
Hlavička
| tag |
Význam |
Párový |
Výskyt |
| title |
titulok stránky |
 |
<head> |
| base |
základ odkazov |
 |
<head> |
| link |
nezobrazovaný odkaz |
|
<head> |
| meta |
informácie o dokumentov |
|
<head> |
Skripty a štýliy
| tag |
Význam |
Párový |
Výskyt |
| script |
skript, program |
|
hocikde |
| noscript |
alternativa ku skriptu |
|
zvonka skriptu |
| style |
zápis CSS štýlov |
|
<head> |
Rozšírenie
| tag |
Význam |
Párový |
Podpora |
| bgsound |
zvuk na pozadí |
|
Internet Explorer |
| marquee |
bežiaci text |
|
Internet Explorer |
| canvas |
kreslenie javascriptem |
|
všade |
| svg |
vektorová grafika |
|
všade |
| video, audio |
video a zvuk |
|
záleží na kodeku |
| details a summary |
skrývateľná oblasť |
|
zatím len Webkit |
Obecné atributy
| Atribut |
Význam |
Platnost pre |
| class |
trieda pre CSS selekcie |
všetky HTML prvky |
| id |
identifikátor pre CSS a skripty |
všetky HTML prvky |
| style |
zápis CSS štýlov |
zobrazované prvky |
| title |
titulok prvku, doplňujúcich info v bubline |
všetky HTML prvky |
| lang |
jazyk prvku |
všetky HTML prvky |
| name |
meno pre spoluprácu s dalšími prvkami |
rôzna použitelnost |
| accesskey |
funkčná klávesa |
odkazy a formulárové pole |
| tabindex |
poradie aktivizácie tabulátorom |
odkazy a formulárové pole |
| language |
jazyk skriptov |
script, zastaralé |
| události |
uživatelské udalosti spúšťacích skriptov |
zobrazované prvky |
Cascading Style Sheets (CSS)
Peer-to-peer Hypertext Preprocessor