---

Základní HTML - přispívání do komentářů, diskusí a návštěvních knih

Neznáte značkovací kód HTML, ale chce se vám přispívat do diskusí, návštěvních knih, komentářů, psát články atd. a používat při tom alespoň základní HTML kód, s kterým dokážete formátovat text podle vlastních představ? Tak právě vám by měl být tento článek věnovaný.

V dnešní době sice mnoho stránek využívá možností JavaScriptu, kdy můžete formátovat svůj text pomocí tlačítek jako například v psacím editoru Word. To je docela šikovná věc, ale počet těchto stránek je zatím docela omezený a ne v každém prohlížeči je JavaScript nainstalovaný. Pokud si tedy chcete vystačit sami, měl by vám tento článek vystačit. Chtěl bych ještě zdůraznit že ne všechny diskuse, knihy návštěv atd. podporují vkládání HTML kódu.

Formátování textu

Na začátek si probereme nejzákladnější pravidla:

Tučný text

Pokud do formuláře zapíšete kód zapsaný hned pod tímto textem, dostanete písmo s tučným stylem:

Takto vypadá <b>tučné písmo</b> v textu.

Výsledek: Takto vypadá tučné písmo v textu.

Jak jste si asi sami všimli, tučné písmo je ze stran uzavřeno prvky <b> a </b>. Těmto prvkům se dohromady říká párový tag, který je zajímavý tím že se skládá ze dvou částí a text uzavřen mezi němi je vždy tučný. Důležité je, aby jste vždy nezapomněli zapsat obě dvě části.

Následující dvě ukázky se chovají velmi podobně jako tento párový tag, takže už se u nich nebudeme moc dlouho zdržovat.

Kurzíva

Zápis pomocí HTML:

Takto vypadá <i>kurzíva</i> v textu.

Výsledek: Takto vypadá kurzíva v textu.

Podtržený text

Zápis pomocí HTML:

Takto vypadá <u>podtržený text</u> v textu.

Tak to bychom měli velice stručně probráno formátování textu. Nyní se pustíme do vytváření hypertextových odkazů.

Hypertextové odkazy

Pokud chcete například v knize návštěv vytvořit odkaz na svoji stránku, mohlo by to vypadat takto:

Navštivte moje <a href="http://www.mestranky.cz" title="Odkaz na mé stránky">stránky</a> o počítačových hrách.

Výsledek: Navštivte moje stránky o počítačových hrách.

Zde se jedná znovu o párový tag, akorát nám zde přibyly dva nové atributy href a title . Atribut href obsahuje internetovou adresu stránky a musí vždy začínat na http:// . Atribut title obsahuje text, který by měl stručně charakterizovat kam odkaz návštěvníky zavede.

Odkaz na e-mailovou adresu

Podobně jako hypertextový odkaz funguje i odkaz na e-mailou adresu:

Napište mi na <a href="mailto:muj@email.cz" title="Má e-mailová adresa">muj@email.cz</a> a uvidíme.

Výsledek: Napište mi na muj@email.cz a uvidíme.

Jak vidíte, je to málem to samé jako odkaz na stránku, akorát se do atributu href na začátek píše mailto: , po kterém následuje e-mailová adresa.

Shrnutí

To bychom měli o základním kódu HTML, kterým můžeme úspěšně formátovat náš vkládaný text, pokud to dané formuláře povolují. V dalším článku se podíváme na další značky HTML jazyka, které by nám měli pomoci při formátování rozsáhlejíšího textu, jako jsou třeba články. Samozřejmě i při psaní článků se vám budou hodit pravidla v tomto článku.

16.8.2005