Základy tvorby HTML listingu: Porovnání verzí
m (vytváření) |
|||
| (Není zobrazeno 15 mezilehlých verzí od 4 uživatelů.) | |||
| Řádka 7: | Řádka 7: | ||
===== Základní formátování textu ===== | ===== 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 | + | 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.''' | ||
| + | |||
| + | == Externí odkazy == | ||
| + | |||
| + | * https://www.jakpsatweb.cz/ - pokud byste se do HTML chtěli ponořit více... | ||
| + | |||
| + | [[Kategorie:Postupy]] | ||
Aktuální verze z 2. 2. 2020, 22:25
Obsah |
[editovat] 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.
[editovat] 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.
[editovat] Další článek na téma HTML
Příručka pro HTML v listingu
[editovat] Poznámka pod čarou
Na textu se stále pracuje. Respektujte názor autora. Díky, Kolombo.
[editovat] Externí odkazy
- https://www.jakpsatweb.cz/ - pokud byste se do HTML chtěli ponořit více...
