HTML nápověda

Datum konání:
Sekce: Různé
Autor: Miisha
Vloženo: 23.2.2007
Upraveno: 23.2.2007

Základní minimum

HTML není žádná věda. Jednoduše říkáš prohlížeči co má udělat tučně, co má vystředit, co je odkaz, to všechno pomocí takzvaných "tagů", česky značek. Prohlížeč bere vstupní text a snaží se ho interpretovat a formátovat právě pomocí těchto značek. Přebytečné mezery, řádky pro formátování nemají žádný smysl, prohlížeč z nich udělá pouze mezeru. Naopak dlouhé řádky prohlížeč sám zalomí.
Takže podobný zdrojový text:
Tohle       všechno
bude

hezky
	vedle
		sebe.
Má za výsledek takovýto úhledný výstup:
Tohle všechno bude hezky vedle sebe.
Značky jsou jednak párové, to je takové, že jedna (otevírací značka) označuje začátek ovlivněného textu, druhá konec (uzavírací značka), jednak nepárové, to v případě, že vkládáme do textu nějakou věc, například nový řádek nebo obrázek. Taková párová značka může vypadat třeba takhle:
<a href="http://trasa20.takpraha.cz/novinky.php">Jdi do novinek</a>
Všechny značky jsou uzavřeny do ostrých závorek <>. Otevírací značky obsahují název nebo chceš-li příkaz (tady "a" - příkaz pro vytvoření odkazu) a můžou obsahovat i další parametry (zde třeba "href" - Hypertext REFerence, čili adresa, kam míří daný odkaz) s jejich hodnotou uzavřenou do uvozovek. Uzavírací značka obsahuje před názvem navíc lomítko a neobsahuje parametry.
V některých případech není uzavírací značka důležitá a nemusíme ji psát, například pokud načneme nový odstavec, je poměrně jasné, že předchozí tím končí.

Celá stránka by měla obsahovat několik základních věcí, jako určení jazyka stránek, hlavičku s formátovacími informacemi a vlastní obsah, nicméně ty tě v rámci zadávání do našeho systému nemusí příliš trápit, ty jsou tady doplňovány automaticky, takže se můžeš soustředit pouze na obsah a formu svých sdělení.

Tučně, tence, šišatě

Základní rozlišení a zvýraznění textu - tučné písmo, kurzíva a podtržení je velice jednoduché, stačí jednopísmenná značka.
Tohle je <b>tučně</b>, tohle <i>kurzívou</i> a tohle <b><i>tučnou kurzívou</i></b>.
<u>Tohle je zase podtrženo.</u>
Tohle je tučně, tohle kurzívou a tohle tučnou kurzívou. Tohle je zase podtrženo.
Na předchozím příkladu je vidět i to, jak se účinek jednotlivých značek může překrývat a vzájemně "sčítat".

Členění textu

Když tedy prohlížeč ignoruje nový řádek, jak tedy odřádkovat? Jak udělat větší mezeru. K tomu slouží značka zlomu řádku a odstavce.

Seznamy

Někdy se hodí vytvořit přehledný seznam. Zde máme dvě možnosti - vytvořit nečíslovaný (bodový) nebo číslovaný seznam. Každá položka seznamu je uvedena značkou LI. Seznamy lze jedoduše vnořovat do sebe.
<ul>
<li>Jablka
	<ul>
	<li>Golden
	<li>Granny Smith
	</ul>
<li>Hrušky
<li>Banány
</ul>
  • Jablka
    • Golden
    • Granny Smith
  • Hrušky
  • Banány
<ol>
<li>Jablka
	<ol type="a" start="4">
	<li>Golden
	<li>Granny Smith
	</ol>
<li>Hrušky
<li>Banány
</ol>
  1. Jablka
    1. Golden
    2. Granny Smith
  2. Hrušky
  3. Banány

Odkazy

Příklad hypertextového odkazu jsme si už dali, teď uvedu i výsledek příkladu,
<a href="http://trasa20.takpraha.cz/novinky.php">Jdi do novinek</a>

Štítky: Článek nemá štítky

Komentáře

Přidat nový komentář

Krátce

Nyní nejsou žádné novinky
Zobrazit všechny

Káča R. (29.1., 8:55)

Smazala jsem ho já, věc se vyřešila. Šlo o letité nedodání Almanachu a špatnou komunikaci s Veronikou J. Dle informací od Verči už Jirka Almanach dostal.

Petr (21.1., 16:35)

Ještě nedávno tady byl takový dlouhý příspěvek od Jirky K.
Kdo ho smazal? 8-O:-?

Lilka (27.8., 11:05)

TeoCup je 9. - 11. listopadu.

Kamila (6.9., 14:28)

kde jede na lesní hry? :-)

Alena B. (26.9., 14:47)

Víme, kdy bude TeoCup?

Milan (13.8., 20:07)

Předběžné termíny mých zápasů finále tenisové ligy: ne 14/8 v 9:00 Jirka Rada (Záběhlice), pá 19/8 v 18:00 Mrož (Braník), út 30/8 v 18:00 Martin (Braník)
Vstup do pokecu

Uživatelská nabídka

Login
Květen 2019
PoÚtStČtSoNe
  12345
6789101112
13141516171819
20212223242526
2728293031  
Červen 2019
PoÚtStČtSoNe
     12
3456789
10111213141516
17181920212223
24252627282930

Hledání

Poslední změna: 14.3.2019, 0:43:42