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
Únor 2019
PoÚtStČtSoNe
    123
45678910
11121314151617
18192021222324
25262728   
Březen 2019
PoÚtStČtSoNe
    123
45678910
11121314151617
18192021222324
25262728293031

Hledání

Poslední změna: 1.1.2019, 18:25:29