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
Scriptici.cz
- o tvorbě webových stránek (xHTML, HTML, CSS, PHP, JavaScript), scripty a programování (Python, C++)