HTML Návody č.1) - Kód HTML dokumentů + Popis
Napsal: 30 dub 2015 17:14
Vážení čtenáři,
u minulého návodu jsem si četl vaše odpovědi a dávali jste mi tam spoustu rad, tak jsem se rozhodl že ten minulý návod sepíši znovu, ale tak aby to bylo delší a lépe vás to naučil.
Dnes začneme základním kódem html dokumentů a popíšeme si co jaký tag znamená.
Základní kód vypadá takhle :
<!DOCTYPE html>
<html>
<head>
<meta charset ="utf-8">
<title>Titulek stránky</title>
</head>
<body>
TEXT
TEXT..
</body>
</html>
Nyní si popíšeme co jaký tag znamená + nějaké využití.
------------------------------
<!DOCTYPE html>
Píše se vždy na začátku kódu. Je důležitý aby jste se nemuseli štvát s přepínáním vykreslovacích módů.
<html>
Tento tag píšeme pod doctype, je tam proto aby jsme věděli, že se jedná o HTML dokument.
<head>
Hlavička dokumentů, píšeme do něj <title> <meta charset>, každý html dokument by měl hlavičku obsahovat.
<meta charset>
Neboli kódování webové stránky, pokud li nemáte nastavené kódování na utf-8 zobrazuje se vám diakritické písmo takhle :
Pokud ale kódování přepíšete na utf-8 bude to vypadat nějak takhle :
<title>
Tento tag není až tak důležitý, ale je hodně využíván, tak měř ho mají všechny webové stránky.
Zobrazuje se jako :
a)
b)
<body>
Velice důležitý tag, určuje tělo stránky, píšeme zde všechny ostatní tagy jako je pozadí, nadpisy, podnadpisy a další věci.
Když už jsme u ostatních tagu, tak jsem si pro vás nějaké připravil.
<body bgcolor="anglický barva">
Tento tag vám změní pozadí, pozor barvu musíte psát anglicky!!.
Tady máte pár z nich :
<font color="anglicky barva">
Změní barvu písma, opět anglicky, barvy máte nahoře.
<b>, <i> , <u>
<b>, vám ztuční písmo.
<i>, písmo jako kurziva
<u>, podtrhnuté písmo (nepoužívá se, plete se to s klikacím odkazem.)
------------------------------
Tohle je pro dnes všechno, doufám že se vám to líbilo, v případě zajmu napište návrhy.
u minulého návodu jsem si četl vaše odpovědi a dávali jste mi tam spoustu rad, tak jsem se rozhodl že ten minulý návod sepíši znovu, ale tak aby to bylo delší a lépe vás to naučil.
Dnes začneme základním kódem html dokumentů a popíšeme si co jaký tag znamená.
Základní kód vypadá takhle :
<!DOCTYPE html>
<html>
<head>
<meta charset ="utf-8">
<title>Titulek stránky</title>
</head>
<body>
TEXT
TEXT..
</body>
</html>
Nyní si popíšeme co jaký tag znamená + nějaké využití.
------------------------------
<!DOCTYPE html>
Píše se vždy na začátku kódu. Je důležitý aby jste se nemuseli štvát s přepínáním vykreslovacích módů.
<html>
Tento tag píšeme pod doctype, je tam proto aby jsme věděli, že se jedná o HTML dokument.
<head>
Hlavička dokumentů, píšeme do něj <title> <meta charset>, každý html dokument by měl hlavičku obsahovat.
<meta charset>
Neboli kódování webové stránky, pokud li nemáte nastavené kódování na utf-8 zobrazuje se vám diakritické písmo takhle :
Pokud ale kódování přepíšete na utf-8 bude to vypadat nějak takhle :
<title>
Tento tag není až tak důležitý, ale je hodně využíván, tak měř ho mají všechny webové stránky.
Zobrazuje se jako :
a)
- a.png (2.84 KiB) Zobrazeno 775 x
b)
- b.png (5.45 KiB) Zobrazeno 775 x
<body>
Velice důležitý tag, určuje tělo stránky, píšeme zde všechny ostatní tagy jako je pozadí, nadpisy, podnadpisy a další věci.
Když už jsme u ostatních tagu, tak jsem si pro vás nějaké připravil.
<body bgcolor="anglický barva">
Tento tag vám změní pozadí, pozor barvu musíte psát anglicky!!.
Tady máte pár z nich :
- barvy.png (1.63 KiB) Zobrazeno 775 x
<font color="anglicky barva">
Změní barvu písma, opět anglicky, barvy máte nahoře.
<b>, <i> , <u>
<b>, vám ztuční písmo.
<i>, písmo jako kurziva
<u>, podtrhnuté písmo (nepoužívá se, plete se to s klikacím odkazem.)
------------------------------
Tohle je pro dnes všechno, doufám že se vám to líbilo, v případě zajmu napište návrhy.
Hlavně ale matematický příklady, protože z toho jeden velký příklad vyvozuje 