HTML - základní tagy(2)

Základní tagy dle mého názoru

Hypertexty neboli odkazy

Jak jste si už asi přečetli(historie HTML) základem Internetu jsou hypertexty, což jsou vlastně jen nám všem známé odkazy. Proto je uvádím hned na začátku. Odkaz se vytváří pomocí tagu <a>. Kterému se dávají atributy, nejdůležitější atribut je <a href="cesta">. Do cesty se zadává relativní či absolutní adresa(viz. Správa souborů) cesta. Všimněte si, že hodnota atributu href je v uvozovkách, kdyby tam nebyly tak se sice zobrazí, ale je lepší si jich držet. Tento tag je párový.

Příklad:

<a href="stranka.html">

Zobrazte si příklad

Další možnosti odkazů jsou v článku HTML - odkazy(4).

Vkládání obrázků

Obrázky slouží k zkrášlení stránek. Vkládají se pomocí tagu <img>. Tag <img> je nepárový. Má mnoho atributů. Nejdůležitější je src, kterým zadáváte relativní cestu k obrázku. Další důležitý atribut je alt, do kterého můžete zadat bublinkovou nápovědu. Na začátku bych ještě zmínil atribut border, který určuje šířku okraje obrázku.

Příklad:

<img src="obrazek.jpg" alt="Toto je obrázek" border="1">

Zobrazte si příklad

pozn.:Obrazky by neměli být větší než 50kB. Důvodem je rychlost připojení většiny lidí, která je jen několik kB/s. Těd si představte, že by se jim obrázek zobzoval 1/2 minuty nebo více. Proto používejte obrázky ve formátu jpg nebo gif. Bmp od Microsoftu se absolutně nehodí.

Další možnosti obrázků jsou v článku HTML - obrazky(5).

Zalamování a oddělování řádků

Prohlížeč si řádky na konci zalamuje sám, ale pokud chceme zalomit řádek dřív musíme použít tag <br>, který řádek zalomí. Tenhle tag je nepárový, zcela logicky. A nemá žádné atributy. Oddělováním řádků jsem měl na mysli vodorovnou čáru, která oddělí text od textu. K tomuto účelu se požívá tag <hr>. Je také nepárový. Ale atributy má a má jich dost, základním je barva( funguje jen IE) to je atribut color. Další je size tloušťka, která se udává v pixelech. Width to je šířka v horizontálním směru, také v pixelech. Noshade bude bez stínu.

Příklad:<hr width="250" size="50" color="black" align="center" noshade>
Zobrazte si příklad

< >

autor: Vítězslav Titl
publikováno: 24.10.2004

na ... zacátek stránky, hlavní stránku

HTML - základní tagy(2)

Základní tagy dle mého názoru

Hypertexty neboli odkazy

Vkládání obrázků

Zalamování a oddělování řádků

Scriptici.cz