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

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)

Milan (20.7., 13:05)

Hola, hola! Zde inzerované koncerty jsou sice obvykle jiného druhu, ale uvítám, kdyby se někdo chtěl přidat k mému koncertního podzimu: 6.9. Wolf Alice, 13.10. PJ Harvey, 8.11. Placebo. Kdyžtak se ozvěte!

Veronika (5.4., 21:20)

jéé díky:-) To mě těší. Živý jukebox hraje téměř cokoliv, takže příště - bude-li nějaké, může být i beatles. A hned mě napadá, co taková DOBRÁ 60. LÉTA...
Vstup do pokecu

Uživatelská nabídka

Login
Říjen 2018
PoÚtStČtSoNe
1234567
891011121314
15161718192021
22232425262728
293031    
Listopad 2018
PoÚtStČtSoNe
   1234
567891011
12131415161718
19202122232425
2627282930  

Hledání

Poslední změna: 18.8.2018, 19:19:55