Přináším Vám zde druhý díl seriálu o správném vkládání příspěvků na www.gimp.cz. Tentokrát se zde dozvíte něco o základních příkazech (tagech) HTML.

Základní formátování textu

Odstavec začínejte značkou <p> (toto neplatí pro první odstavce textu v poli Text článku a Rozšířený text.

Pokud chcete vložit do textu odkaz na jinou www stránku (v našem příkladu je to adresa www.seznam.cz) použijte tento kód:
<a href="http://www.seznam.cz">Seznam</a>
Zde je výsledek: Seznam

Tučný text vložíte do textu pomocí značky <b>Tučný text</b>

Skloněný text (kurzívu) vložíte takto: <i>Skloněný text</i>

Pevnou (nezlomitelnou) mezeru vytvořite pomocí znaku &nbsp; zde je příklad použití:
... články a&nbsp;komentáře ...

V češtině nacházejí nedělitelné mezery hojné uplatnění - na konci řádku totiž nesmějí zůstat jednopísmenné předložky s, S, v, V, z, Z, k, K, u, U, o, O a spojky A, i a I (tedy vše kromě a, u kterého se typografické autority neshodují).

Složitější formátování dokumentu

Značkou <br> přejdete na následující řádek textu. To je vhodné například při psaní adres nebo textů písní či básní. Za příklad nám poslouží známé říkadlo:

	<p>
	Skákal pes přes oves,<br> přes zelenou louku.<br>
	Šel za ním myslivec,<br> péro na klobouku.

vypadá na stránce následovně:

Skákal pes přes oves,
přes zelenou louku.
Šel za ním myslivec,
péro na klobouku.

Neuspořádaný (nečíslovaný) seznam vytvoříte pomocí značek <ul> a <li>.
Příklad:

	<ul>
	  <li>rozvoj turistiky</li>
	  <li>kultura (a sport)</li>
	  <li>podpora vzdělání</li>
	</ul>

vypadá na stránce následovně:

Uspořádaný (tj. číslovaný) seznam vytvoříte pomocí značek <ol> a <li>.
Příklad:

	<ol>
	  <li>rozvoj turistiky</li>
	  <li>kultura (a sport)</li>
	  <li>podpora vzdělání</li>
	</ol>

vypadá na stránce následovně:

  1. rozvoj turistiky
  2. kultura (a sport)
  3. podpora vzdělání

Vložení obrázku provedete značkou <img>.
Příklad:

<p><center><img src="images-clanky/tutorial_09/gimp.gif"><br>Gimp.</center>

vypadá na stránce následovně (webmaster uloží obrázky které mu pošlete e-mailem do adresáře images-clanky/tutorial_?, značka <center> zarovná obrázek do středu stránky):

Gimp
Gimp.

Obrázek může posloužit jako odkaz na jinou www stránku nebo na větší verzi obrázku (pokud je obrázek větší než cca 350 px). Vytvořte pomocí grafického editoru malou verzi obrázku a použijte tento malý obrázek jako odkaz na velký obrázek.

<p><center><a href="images-clanky/tutorial_09/gimp.gif"><img src="images-clanky/tutorial_09/gimp.gif"><br>Gimp</a></center>

Gimp jako odkaz
Gimp

Obrázky posílejte na e-mail webmastera webmaster@gimp.cz.

Samotné vložení článku do formuláře trvá několik málo minut a tak ani náklady na připojení k Internetu nejsou velké. K přípravě a vložení článku nepotřebujete žádný speciální software - text článku můžete napsat v libovolném textovém editoru (Vim, Notepad a mnoho dalších).

Přeji Vám mnoho zajímavých článků a mnoho pozorných čtenářů.

Tato stránka byla vytvořena za laskavé pomoci Epeteho.