Zobrazení zdroje stránky Základy tvorby HTML listingu

==== 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.

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

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

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

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

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

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

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

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

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

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

<nowiki><HR></nowiki> 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.'''

[[Kategorie:Postupy]]