Základy tvorby HTML listingu: Porovnání verzí

Verze z 21. 10. 2014, 07:49

Proč základy tvorby HTML listingu

Protože se stále množí dotazy, jak vytvořit HTML listing, pokusím se sem dopsat pár základních příkazů, které by měly stačit na napsání jednoduchého listingu s obrázky i formátováním a obarvením textu.

Ruční editace listingu nevyžaduje žádnou instalaci programů do počítače a můžete ji tak použít odkudkoliv, kde se dokážete přepnout do editace listingu.

Základní formátování textu

Text se formátuje příkazy uzavřenými do špičatých závorek "<>". Na běžné české klávesnice ve Windows je napíšete s pravou ALT klávesou , a . (čárka a tečka). Většina příkazů je párová a má tedy tag pro začátek a konec.

<P>Nějaký text</P> Použitím tagu se vytvoří samostatný odstavec.

<H1>Velký nadpis</H1> až <H6>nejmenší nadpis</H6> se hodí pro nadpisy a výrazný text.

<B>Tučný text</B> Tučný text.

<I>Sešikmená kurzíva</I> Kurzíva.

<!-- Komentář nebude vidět v zobrazeném listingu, ale bude idět v jeho zdrojovém kódu -->

<BR /> Jedná se prostý konec řádku, tento příkaz není párový.

<CENTER>Nějaký text</CENTER> Tímto tagem vycentrujete text i obrázek v listingu.

<span style="color:green;">Zelený text</span> Tímto tagem text obarvíte.

<img alt="Název obrázku" title="Titulek k obrázku" src="http://server/obrázek.jpg" style="width:600px;height:126px;"/> A takhle vložíte obrázek. Rozměry si nastavte podle svého obrázku.

<a href="http://adresa webu/">název odkazu</a> A takhle vložíte odkaz někam do webu.

<HR> Tento nepárový příkaz vloží vodorovnou čáru.

Další článek na téma HTML

Příručka pro HTML v listingu

Poznámka pod čarou

Na textu se stále pracuje. Respektujte názor autora. Díky, Kolombo.