Základy tvorby HTML listingu

Z GeoWiki
Verze z 21. 10. 2014, 07:49; Kolombo (diskuse | příspěvky)

(rozdíl) ← Starší verze | zobrazit aktuální verzi (rozdíl) | Novější verze → (rozdíl)
Přejít na: navigace, hledání

Obsah

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.