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

Z GeoWiki
Přejít na: navigace, hledání
m (Základní formátování textu)
 
(Není zobrazeno 7 mezilehlých verzí od 4 uživatelů.)
Řádka 9: Řádka 9:
 
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.
 
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> vytvoří samostatný odstavec.
+
<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><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><B>Tučný text</B></nowiki> Tučný text.
  
<nowiki><I>Sešikmená kurzíva</I></nowiki> kurzíva
+
<nowiki><I>Sešikmená kurzíva</I></nowiki> Kurzíva.
  
<nowiki><BR></nowiki> je prostý konec řádku, tento příkaz není párový.
+
<nowiki><!-- Komentář nebude vidět v zobrazeném listingu, ale bude idět v jeho zdrojovém kódu --></nowiki>
  
<nowiki><CENTER>Nějaký text</CENTER></nowiki> Takhle text vycentrujete
+
<nowiki><BR /></nowiki> Jedná se prostý konec řádku, tento příkaz není párový.
  
<nowiki><span style="color:green;">Zelený text</span></nowiki> Tahkhle text obarvíte
+
<nowiki><CENTER>Nějaký text</CENTER></nowiki> Tímto tagem vycentrujete text i obrázek v listingu.
  
<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.
+
<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><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 ====
 
==== Poznámka pod čarou ====
  
 
'''Na textu se stále pracuje. Respektujte názor autora. Díky, Kolombo.'''
 
'''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