Odstavce, odkazy, obrázky

Každý slušný člověk, když píše text, dělí jej do odstavců.V HTML jsou odstavce určovány párovými značkami <p></p>. Co nově příchozího na HTML překvapí je fakt, že zcela ignoruje zalomení textu, které vkládáme v textovém editoru resp. chápe tato zalomení jako mezery. Podobně více mezer za sebou chápe jako jednu. Toto jsou však zcela zamýšlené vlastnosti HTML a nezbývá, než si na ně zvyknout. Prozatím při členění textu vystačíme s odstavci. Následně si ukážeme bohatší možnosti členění textu.

Zatím jsme si ukázali několik značek (Markup), avšak vůbec jsme se nevěnovali jedné z nejdůležitějších částí HTML - tomu, co se skrývá za slovem Hypertext. Jednou z nejdůležitějších vlastností HTML je možnost vzájemného provazování pomocí odkazů. K zadávání odkazů slouží párová značka <a></a>. Důležitým parametrem této značky je odkaz na cílový dokument, skrývající se pod jménem href. Odkaz můžeme zapsat například takto:

Tento odkaz pak bude vypadat v dokumentu takto: Neviditelný pes.Takto zapsanému odkazu říkáme odkaz absolutní. Skládá se ze tří částí:

1. Definování protokolu: http://. Toto je velmi důležité. Vynecháte-li protokol, nebude odkaz fungovat (HTTP = HyperText Tranfer Protokol).
2. Název serveru: pes.internet.cz
3. Cesta k souboru na serveru: index.html. V našem případě můžeme název souboru vynechat, protože používáme implicitní název souboru. (Tedy nenapíšeme-li název souboru, bude automaticky doplněn implicitní - v drtivé většině případů je to právě index.html.)

Druhý možný zápis je použití relativního odkazu. Cesta v relativním odkazu se odvíjí od aktuálního adresáře. Budu-li mít ve stejném adresáři, jako je soubor do něhož píšu odkaz, např. soubor velky_napis.html, budu zapisovat odkaz na velky_napis.html následujícím způsobem:

Odkaz se pak bude chovat následovně: Velký Nápis.

Pro psaní odkazů jsou důležité tři věci:

• Vždy si zkontrolujte, zda-li má být odkaz relativní nebo absolutní. Absolutní odkazy musí začínat http://, relativní nesmí začínat http://. Zapomenete-li http:// u absolutního odkazu, prohlížeč bude marně hledat lokální adresář (např. adresář se jménem pes.internet.cz), dáte-li http:// na začátek relativního odkazu, prohlížeč bude marně vyhledávat neexistující server (např. server velky_napis.html).
• V názvu souboru nepoužívejte diakritiku a mezery. Místo mezer je vhodný znak _
• Na drtivé většině serverů se rozlišují malá a velká písmena v názvech souborů. Je nutné dodržovat velikost písmen v odkazech.

Další důležitou součástí HTML jsou obrázky. Obrázky se vkládají pomocí nepárové značky <img>. Tato značka má dva povinné parametry. Jsou to parametr src, který obsahuje odkaz na soubor s obrázkem a parametr alt, který obsahuje alternativní text, který se zobrazí v případě nedostupnosti obrázku. Parametr alt je dost často podceňován a vynecháván. Přitom je hned několik dobrých důvodů, proč by se měl vždy uvádět. Jsou to například:

• Obrázky se často používají v odkazech. Nevidomí si dost těžko přečte obrázek, aby věděl, kam odkaz vede
• V případě, že bude obrázek omylem smazán anebo dočasně nedostupný (uvědomte si, že i zde může být absolutní odkaz), pak opět nebude na místě obrázku žádná informace.
• Bude-li mít uživatel z důvodu rychlosti vypnuté zobrazování obrázků, anebo bude používat prohlížeč, který obrázky nepodporuje (ano, i takové existují a stále se používají), pak opět na místě obrázku neuvidí nic

Následují ukázky vložení obrázků pomocí absolutního a relativního odkazu (kde u relativního odkazu se obrázek nachází v podadresáři obrazky vzhledem k poloze souboru, do kterého odkaz píšu):

Ve výsledku pak obrázky vypadají takto:

Důležité upozornění: Pro obrázky na WWW zásadně používejte pouze obrázky ve formátu GIF, JPG nebo PNG. U všech ostatních formátů riskujete, že se obrázek nezobrazí (včetně formátu BMP).