HTML
Z MiS
(Rozdíly mezi verzemi)
(→Základní elementy: Doplněny atributy elementu IMG) |
(→Základy formátování: Doplněn význam skupin stylů + text-...) |
||
| Řádka 51: | Řádka 51: | ||
=== Základy formátování === | === Základy formátování === | ||
| − | * color | + | * color: barva textu |
| − | * background-color | + | * background-color: barva pozadí |
| − | * margin | + | * margin, padding: vlastnosti okrajů odstavce, obrázku atd. |
| − | * font-weight | + | * font-weight: tučné písmo |
| − | * font-style | + | * font-style: kurzíva |
| + | * text-align: zarovnání textu (na střed, do bloku, vlevo, vpravo) | ||
| + | * text-indent: odsazení prvního řádku odstavce | ||
=== Vlastní styly === | === Vlastní styly === | ||
Verze z 29. 10. 2012, 13:21
Obsah |
HTML
Podrobnější materiály
Princip jazyka HTML
- textové soubory, doplněné o formátování
- pojmy:
- tag (značka): otvírací, zavírací
- element
- entita
- atribut
- Jak se jazyk HTML vyvíjel?
Základní elementy
- h1, h2,...
- p, (br)
- img a jeho atributy
- src... cesta k obrázku
- width... změna velikosti (ale skutečné rozlišení se nemění, stahuje se pořád obrázek v původní velikosti)
- alt... popis obrázku, který se zobrazí po najetí myší nad obrázek, nebo když se obrázek nepodaří zobrazit
- a
Tabulky a seznamy
- table, tr, td, th
- ul, ol, li
Struktura stránky
- html
- head
- body
Kaskádové styly (CSS)
Podrobnější materiály:
Soubor se styly
Do hlavičky HTML souboru (element <head>) musíme doplnit odkaz na soubor se styly:
- <link rel="stylesheet" type="text/css" href="nazev_souboru.css" />
Základy formátování
- color: barva textu
- background-color: barva pozadí
- margin, padding: vlastnosti okrajů odstavce, obrázku atd.
- font-weight: tučné písmo
- font-style: kurzíva
- text-align: zarovnání textu (na střed, do bloku, vlevo, vpravo)
- text-indent: odsazení prvního řádku odstavce
Vlastní styly
- span, div
- vlastní styl
Rozdělení stránky na oddíly
- vlastnost float v kaskádových stylech
Co potřebujete k publikování stránek
- hosting
- doména
Praktické
Užitečné nástroje
- [PSPad]
- TopStyle Lite
Časté chyby
Podrobnější zdroje
- GRIMMICH, Šimon. Tvorba webu [online]. c2003, c2008 [cit. 2010-10-06]. Dostupné z WWW: <http://www.tvorba-webu.cz>.
