HTML v listingu: Porovnání verzí

Z GeoWiki
Přejít na: navigace, hledání
(Cosi jako úvod)
(Formátování textu)
Řádka 2: Řádka 2:
  
 
Zde najdete základní značky (tagy) jazyka HTML, které při úpravách listingu nejvíce využijete.
 
Zde najdete základní značky (tagy) jazyka HTML, které při úpravách listingu nejvíce využijete.
 +
 +
== Důležité zaškrtnutí ==
  
 
Chcete-li při psaní listingu používat HTML formátování, nejprve se při jeho [[Založení cache#Jak správně vyplnit formulář|editaci]] ujistěte, že jste zaškrtli volbu ''The descriptions below are in HTML'' (níže uvedené popisky jsou ve formátu HTML). HTML můžete používat v polích ''Short Description'' a ''Long Description''.
 
Chcete-li při psaní listingu používat HTML formátování, nejprve se při jeho [[Založení cache#Jak správně vyplnit formulář|editaci]] ujistěte, že jste zaškrtli volbu ''The descriptions below are in HTML'' (níže uvedené popisky jsou ve formátu HTML). HTML můžete používat v polích ''Short Description'' a ''Long Description''.
Řádka 11: Řádka 13:
 
Včetšina těchto značek je párových. To znamená, že v textu označují začátek a konec nějakého formátování. Zadáme-li například značky <nowiki><B> a </B></nowiki> a mezi ně napíšeme nějaký text, zobrazí se tento text v internetovém prohlížeči tučně. Jak vidíte, pro ukončení platnosti určité značky se používá lomítko.
 
Včetšina těchto značek je párových. To znamená, že v textu označují začátek a konec nějakého formátování. Zadáme-li například značky <nowiki><B> a </B></nowiki> a mezi ně napíšeme nějaký text, zobrazí se tento text v internetovém prohlížeči tučně. Jak vidíte, pro ukončení platnosti určité značky se používá lomítko.
  
 +
== Formátování textu ==
 +
=== Konec řádku ===
 +
Bez značky konce řádku se pravděpodobně neobejdete. Internetový prohlížeč totiž veškerý text řadí do řádků bez ohledu na jeho zalomení ve zdrojovém kódu stránky. Pokud tedy chcete ukončit řádek a pokračovat v zobrazení textu na novém řádku, vložte tag '''<nowiki><BR></nowiki>''' (nebo <nowiki><BR /></nowiki>).
 +
 +
=== Odstavec ===
 +
K rozčlenění textu také můžete použít tag '''<nowiki><P></nowiki>''', který označuje odstavec. Od předchozího znaku pro konec řádky se liší tím, že před takto označený text se vloží prázdný řádek. Odstavec se obvykle ukončuje značkou '''<nowiki></P></nowiki>''', ale obvykle není použití této značky nutné.
 +
 +
V rámci odstavce je možné požívat i tag pro konec řádku.
 +
 +
Text, který je součástí odstavce je možné celý naformátovat žádaným způsobem. To se dělá pomocí parametrů, které se zapisují přímo do tagu. Například <nowiki><P ALIGN="JUSTIFY"></nowiki> naformátuje text odstavce do bloku. Toto formátování platí, až do konce odstavce.
 +
 +
Parametr '''ALIGN''' zarovnává text a může nabývat následujících hodnot:
 +
* ''left'': zarovnává text vlevo, výsledek je v podstatě stejný, jako když se nezadá vůbec;
 +
* ''right'': zarovnává text vpravo;
 +
* ''center'': zarovnává text na střed;
 +
* ''justify'': zarovnává text do bloku.
  
 
== Ukázka použití HTML v listingu cache ==
 
== Ukázka použití HTML v listingu cache ==

Verze z 27. 5. 2010, 13:27

Pokud píšete listing ke své cachi, máte dvě možnosti. Buď vložíte prostý text, který nebude možné dále formátovat. Nebo můžete používat formátování HTML, což je speciální kód používaný pro tvorbu internetových stránek. Funkce, které v současnosti nabízí server Geocaching.com, nejsou zatím natolik pokročilé na to, abychom se při formátování listingu obešli bez znalosti základní značek jazyka HTML. Jinými slovy, pokud chceme formátovat text (např. velikost a barvu písma, font, tučné písmo, kurzívu apod.) či vkládat do něj obrázky, jsme nuceni při psaní listingu HTML používat.

Zde najdete základní značky (tagy) jazyka HTML, které při úpravách listingu nejvíce využijete.

Obsah

Důležité zaškrtnutí

Chcete-li při psaní listingu používat HTML formátování, nejprve se při jeho editaci ujistěte, že jste zaškrtli volbu The descriptions below are in HTML (níže uvedené popisky jsou ve formátu HTML). HTML můžete používat v polích Short Description a Long Description.

HTML

HTML (hypertext markup language) je jazyk, který se používá při tvorbě internetových stránek a kterému by měl každý dobrý internetový prohlížeč rozumět. Základem tohoto jazyka jaou značky neboli tagy, které se vkládají do zdrojového kódy internetové stránky. Poznáte je podle toho, že se zapisují mezi špičaté závorky <>.

Včetšina těchto značek je párových. To znamená, že v textu označují začátek a konec nějakého formátování. Zadáme-li například značky <B> a </B> a mezi ně napíšeme nějaký text, zobrazí se tento text v internetovém prohlížeči tučně. Jak vidíte, pro ukončení platnosti určité značky se používá lomítko.

Formátování textu

Konec řádku

Bez značky konce řádku se pravděpodobně neobejdete. Internetový prohlížeč totiž veškerý text řadí do řádků bez ohledu na jeho zalomení ve zdrojovém kódu stránky. Pokud tedy chcete ukončit řádek a pokračovat v zobrazení textu na novém řádku, vložte tag <BR> (nebo <BR />).

Odstavec

K rozčlenění textu také můžete použít tag <P>, který označuje odstavec. Od předchozího znaku pro konec řádky se liší tím, že před takto označený text se vloží prázdný řádek. Odstavec se obvykle ukončuje značkou </P>, ale obvykle není použití této značky nutné.

V rámci odstavce je možné požívat i tag pro konec řádku.

Text, který je součástí odstavce je možné celý naformátovat žádaným způsobem. To se dělá pomocí parametrů, které se zapisují přímo do tagu. Například <P ALIGN="JUSTIFY"> naformátuje text odstavce do bloku. Toto formátování platí, až do konce odstavce.

Parametr ALIGN zarovnává text a může nabývat následujících hodnot:

  • left: zarovnává text vlevo, výsledek je v podstatě stejný, jako když se nezadá vůbec;
  • right: zarovnává text vpravo;
  • center: zarovnává text na střed;
  • justify: zarovnává text do bloku.

Ukázka použití HTML v listingu cache

<IMG SRC="http://img.geocaching.com/cache/359d7d93-44ba-4745-95de-f7263e050e9a.jpg" ALIGN="right" WIDTH=200>
<P> Obrázek je umístěn vpravo  (ALIGN="right") a má šířku 200 bodů (WIDTH="200").
<P>
<IMG SRC="http://img.geocaching.com/cache/359d7d93-44ba-4745-95de-f7263e050e9a.jpg" WIDTH=200>
Tento obrázek nemá zadaný parametr ALIGN.
<P>
<IMG SRC="http://img.geocaching.com/cache/359d7d93-44ba-4745-95de-f7263e050e9a.jpg" WIDTH=200 ALIGN="left">
Tento obrázek má ALIGN="left".
<P>
Tento text je <B>tučný</B>.
<BR>
Tento text je <I>kurzivou</I>.
<BR>
Tento text je <U>podtržený</U>.
<BR>
Tento text je <STRIKE>škrtnutý</STRIKE>.
<P>
Voda má chemický vzorec H<SUB>2</SUB>O.
<P>
E = m . c<SUP>2</SUP>
<BR>
<BR>
<CENTER>
<IMG SRC="http://img.geocaching.com/cache/359d7d93-44ba-4745-95de-f7263e050e9a.jpg" WIDTH=200><BR>
Vycentrovaný obrázek a text.
</CENTER>

Výše uvedený kód se zobrazí (v závislosti na prohlížeči) asi takto:

Ukázka HTML formátování.JPG