Počítače - HTML  -  Základní struktura HTML stránky

Základní struktura HTML stránky

Kód každé stránky se skládá z tří základních částí:

1/ označení začátku a konce HTML kódu ( element <html> )
2/ hlavička stránky ( zde jsou informace o stránce, titulek ap.) ( element <head> )
3/ tělo stránky ( zde jsou texty, obrázky a vše, co chcete zobrazit na stránce) ( element <body> )



<html>

  <head>
  </head>

  <body>
  </body>

</html>


První co udělá počítač při otevření každého souboru s přípomou HTML je, že zpracuje informace v hlavičce vymezené tagy "head" ( zde můžou být informace o titulku stránky, o autorovi, klíčových slovech, druhu kódování stránky , jazyku ap.) a dále zobrazí na obrazovku vše, co je uvedeno v těle - části vymezené tagy "body" .



Co to je tag , neboli element?

Tagy v HTML dělíme na párové (<b></b> ) a nepárové (<br>,) Různé druhy tagů do sebe můžete libovolně vnořovat, ale neměly by se křížit.

Například pokud chceme část textu zapsat tučným písmem mohlo by to vypadat např. takto:

<začni psát tučně>Tento text uvnitř bude zobrazen tučně</ přestaň psát tučně>.

Samozřejmě místo čekého textu "začni psát tučně" , kterému počítač nerozumí, je potřeba použít všeobecně dohodnuté značky, např:

<b>Text tučné písmo </b>
<i>Text šikmé písmo </i>
<p>ohraničený odstavec </p>
<FONT COLOR="red" >červené písmo</FONT >
<FONT COLOR="green" ><b>tučné a zelené písmo</b></FONT >

Příklad :

<html>

  <head>
  </head>

  <body>
  <b>Ma prvni stranka</b>
  </body>

</html>


- by vypsal na obrazovku tučně text" : Ma prvni stranka".

Pokud si výše uvedený příklad opíšete, nebo zkopírujete např. v poznámkovém bloku do souboru a uložíte tento soubor s příponou .html (např. index.html) , můžete ho následně otevřít ve vašem webovém prohlížeči a vyzkoušet si svojí první stránku.
Pozor ale na to, aby se neuložil s jinou příponou než .html (např. TXT), protože pak by se vám neotevřela stránka, ale pouze by se zobrazil obsah souboru s kódem. Piště zatím bez háčků a čárek, protože jsme počítači zatím nesdělili v jakém jazyce píšeme (viz kapitola č.4).
TipKlávesové zkratky. V sekci Počítače - Klávesové zkratky najdete výpis nejpoužívanějších klávesových zkratek.
Vložit nový inzerát Inzerce zdarma:
foto k inzerci Bezva tábor pro děti.
Spadněte s námi do nory plné dobrodružství a vydejte se po stopách Alenky do boh ...
foto k inzerci Starožitný nábytek, doplňky, sklo
Prodám starožitný nábytek (set ložnice, obýv.pokoj) z období pozdní Art Deco, st ...
Prodám
Prodám mladé terčovce Red tyrkys o velikosti 5 cm po 300 Kč. Starý Plzenec Kont ...
foto k inzerci Korg Pa5X, Korg Pa4X, Yamaha Genos2
Korg Pa5X, Korg Pa4X, Korg Pa4X MG2, Korg NAUTILUS , Korg Pa1000 MG, Yamaha Geno ...
foto k inzerci Bitmain zcash miner z15 pro 840k se
Bitmain zcash miner z15 pro 840k server wholesale stock 2000UsDT ​​​​​​​(Li ...
foto k inzerci Nové Yamaha Genos2 XXL, Korg Pa5X76
Yamaha Genos2 XXL, Yamaha Genos XXL, Yamaha Tyros5, Yamaha MODX8+, Yamaha PSR-SX ...
foto k inzerci Rybářské navijáky
Prodám rybářské navijáky, vše funkční, i jednotlivě, i pro sběratele a pamětníky ...
foto k inzerci Prodám lyže Fischer RX9
Prodám carv. lyže Fischer RX9, délka 170cm, komplet i s vázáním. Pouze osobní př ...
Copyright © 2008 - 2026   Plzenak.cz
Všechna práva vyhrazena , kopírování a další užití zveřejněných materiálů je možné pouze se souhlasem redakce :   Kontakt  
Hledat na internetu

Užitečné odkazy - rozcestník | Inzerce | Počítače | Hudba | Kontakt