, ). Je rozlišováno šest stupňů nadpisů. se nachází na začátku každého odstavce. Původně šlo o tag nepárový, ale postupně se začala používat i značka ). Levé odsazení se zobrazuje zpravidla ve velikosti 40 pixelů, čímž se seznamy podobají tagu
5. jednotlivé tag - rozdělení na párové ( ) a nepárové () a. práce s textem b
Tučný text (z angl. "bold"). Používá se velmi často ke zvýraznění. Bývá zaměňován se <strong>, což je logické zvýraznění realizované tučným písmem. i
Kurzíva (z angl. "italic"). Bývá zaměňován za <em>, což je logické zvýraznění realizované kurzívou. u
Podtržení (a angl. "underline"). Doporučuji nepoužívat. Z následujících důvodů: • Podtržený text se plete s odkazy • Typograficky není podtržení nic hezkého Odkazy se v normálním případě podtrhávají samy, není nutno to nastavovat. sub
Dolní index (z angl. "subscript"). Pro další snížení a zmenšení je možno použít vícekrát za sebou. sup
Horní index (angl. "superscript"). small
Zmenšení písma o jeden stupeň. big
Zvětšení písma o jeden stupeň. strike
Přeškrtnuté písmo.
font
Nastavení barvy, velikosti a fontu písma. Atributy tagu Atribut tagu
Význam
Hodnoty
Nahradit stylem
color
barva písma
barva
color
size
velikost, stupeň písma
1 až 7 | +1 | -1 (+-1 až 6))
font-size
face
font, druh písma
jména fontů oddělená čárkami
font-family
Příklad:
Velikost písma se v HTML nenastavuje v bodech jako všechny ostatní rozměry, ale ve stupních. Stupně jsou jakési imaginární jednotky vymyšlené pouze pro účel HTML. Stupňů písma je sedm. Od vysloveně mrňavého stupně jedna, které se skoro nedá číst, až po kravskou velikost 7. Běžné písmo je stupeň číslo 3. strong
Silné zvýraznění (z angl. strong = silný, mocný). Prohlížeče pro něj používají tučné písmo, proto bývá zaměňován s tagem . Je ale dobré uvědomit si rozdíl: • tagem říkám, že je něco tučným písmem • tagem <strong> říkám, že je něco důležité, zvýrazněné Někomu to připadá jako totéž, já tam ale rozdíl vidím. em
Zvýraznění (emphasis). Prohlížeče vykreslují kurzívou. Nejsprávnější tag pro zvýrazňování (a pro tento účel jen zřídka používaný). h1 až h6
Nadpisy (angl. heading) jsou vlastně zvláštním druhem odstavců (tag
b. Odstavce span
Logické vymezení části textu, která bude jinak formátována nebo na ni bude vázán skript. Je příbuzný s tagem
Odstavec (angl. paragraph). Základní formátovací tag. Značka
Div se nejčastěji překládá jako oddíl. Zahrnuje v sobě libovolně velkou oblast textu včetně nadpisů, obrázků a tabulek. Nezřídka se celá stránka vyskytuje uvnitř jednoho elementu
Předformátovaný text. Tento tag umožňuje rychlé publikování textových souborů, které už jsou formátované pomocí mezer a konců řádek. Uvnitř tagu <pre> totiž neplatí základní pravidlo HTML syntaxe, které konec řádku bere jako mezeru a skupinu mezer chápe jako mezeru jednu. Takže případné násobné mezery a konce řádků se v prohlížeči zobrazí stejně jako ve zdroji. c. Seznamy li
Položka seznamu (z angl. list item). Pro správné zobrazení musí být uvnitř seznamu -- to znamená uvnitř elementu ,
,
) nebo za odrážkou (v ostatních případech). Mezi jednotlivými položkami nejsou zvětšené vertikální mezery. Původně se jednalo o tag nepárový, současné specifikace vyžadují i koncové . Atributy tagu
Význam druh odrážky
Hodnoty disc circle square
Význam hodnot puntík kolečko čtvereček
type
1 A druh číslování a I i
normální číslování velké písmenkování malé písmenkování římské číslice malé římské číslice
start
změna čísla
číslo položky (převedeno podle typu číslování)
číslo
ol
Číslovaný seznam (ordered list). Uvnitř se smějí vyskytovat pouze elementy
další tagy.) Čísla k položkám samozřejmě přidá prohlížeč, o to není třeba se starat. Například takto v HTML kódu vypadá číslovaný seznam se dvěma položkami:
má atributy type a start, které mají stejný význam, jako u
do elementu
. ul
Nečíslovaný seznam (unordered list). Uvnitř mohou být pouze elementy do
d. Obrázky (img) Obrázek (angl. image). Nepárový tag. Do stránky se vloží obrázek načtený z jiného souboru. Src
Zdoj obrázku, prostě cesta k tomu souboru (angl. source = zdroj). Cesta k obrázku se udává jako klasické URL absolutně nebo relativně. Přípustné jsou soubory typu *.gif, *.jpg, v novějších prohlížečích také *.png a v Internet Exploreru *.bmp. (Jiné typy souborů se musejí vkládat jako objekty pomocí plužiny). Pokud soubor obrázku nebude nalezen, zobrazí se ve stránce zástupný symbol nenalezeného obrázku (nejčastěji červený křížek) se zástupným textem. Alt
Zástupný text. Zobrazuje se ve stránce v oblasti nenačteného obrázku. Width, height - Šířka (width) a výška (height) obrázku Border - Tloušťka rámečku. Align - Zarovnání obrázku s okolím.
e. Tabulky (table) Tabulka. Uzavírá celou strukturu tabulky, obsahuje další elementy; zejména řádky tabulky. Tr - Řádek
tabulky.
td
Buňka tabulky. Musí být umístěna v řádku . je párový tag, ale pokud se neuzavře, tak si s tím prohlížeče poradí. Kromě obecných atributů má tyto: col
Sloupec. Umožňuje nastavit nějakou vlastnost všem buňkám v jednom sloupci
6. formuláře je část stránky, která se běžnému uživateli jeví podobně jako dialogové okno - slouží k získávání informací od uživatele - získané informace jsou následně odeslány na server ke zpracování - ke zpracování údajů z formuláře se používají CGI-skripty - takže musíme vytvořit stránku s formulářem a ještě skript, který zaslaná data správně zpracuje - formulář může obsahovat různá vstupní pole, tlačítka a přepínače - formulářů může být na jedné stránce víc, ale nesmí být do sebe vnořeny Formulář se vkládá do stránky pomocí elementu FORM, který má atributy: ACTION...určuje URL CGI skriptu, který bude obsah zpracovávat METHOD...určuje metodu odeslání dat (GET nebo POST) ENCTYPE...určuje způsob kódování obsahu formuláře (standardně: application/x-www-form-urldecode a není důvod ho měnit)
Sign In