Vkládání obrázků, komentářů , vodorovných čar

Obrázky jsou neodmyslitelnou součástí webových stránek. Je třeba ale věnovat pozornost zejména jejich velikosti. Při velkém objemu dat, by se vaše stránka načítala neúměrně dlouho a návštěvník by mohl raději odejít, než aby čekal.

Pro www stránky jsou nejvhodnější komprimované formáty, jako JPG a GIF . Velikosti obrázků by se měly pohybovat zhruba v celkovém objemu ideálně do 800kB, i když pravdou je, přenosové rychlosti stále rostou, což umožňuje vyšší objemy dat na stránkách .

Obrázek vložíte na stránku takto:

umístěte kurzor do místa v textu (kódu) vaší stránky , kde chcete aby se obrázek zobrazil a zapište :
<img src="obrázek.url" alt="alternativní text" title="popisek obr.">

obrázek.url - je název souboru s celou cestou k němu. Pokud je umístěn ve stejném adresáři jako vaše stránka, stačí zadat jen jeho název.

alternativní text - se zobrazí v případě, že se obrázek z nějakého důvodu nenačte.
title - popisek obrázku, který se zobrazí po najetí myší nad obrázek (nepov.parametr)

Zarovnání obrázku

Zarovnání obrázku zajistíme připsáním stylu zarovnání "align" :

<img align="right" src="obrázek.url" alt="alternativní text">

center - na střed
right - zarovnání vpravo
left - zarovnání vlevo

Vkládání komentářů

Komentáře jsou užitečným pomocníkem, který vám usnadní pozdější orientaci v HTML kódu. Komentář je text v kódu, který slouží pouze pro potřeby tvůrce stránek, počítač jej přehlíží a nebude ani zobrazen na samotné webové stránce.

Kometář vložíte na libolné místo kódu stránky takto :

<!-- zde nějaká poznámka, pomocný text -->

Vložení vodorovné čáry

Vodorovná linka se používá většinou k oddělení jednotlivých funkčních, nebo obsahových částí stránky. Na místo, kde se má linka nacházet, vložte kód : <hr>

Příklad:

---

Vložení další mezery

Jak již bylo dříve popsáno, pokud v kódu stránky vložíte do textu více než jednu mezeru za sebou, počítač vezme v úvahu pouze jedinou a ostatní přehlíží. Pokud se tedy nevyhnete vkládání dalších mezer do vašeho textu, je třeba ji na místo vložit jako entitu (náhradní označení), která se po zobrazení stránky prohlížečem převede na jednu prázdnou nedělitelnou mezeru : &nbsp;