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é ( ) a nepárové ( ,) 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ř:

Text tučné písmo 
Text šikmé písmo 
ohraničený odstavec 
červené písmo
tučné a zelené písmo

Příklad :

<html>

<head>

</head>

<body>

Ma prvni stranka

</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).

zpět do sekce Počítače

HTML základy - témata

Úvod, co je potřeba k práci Základní struktura HTML stránky Titulek stránky Kódování a ost. META tagy Odstavec, nadpis, seznam, div, span Text a jeho formátování Vkládání obrázků, komentářů , vodorovných čar Vložení odkazu na jinou stránku Stručně o - XHTML, CSS, PHP, Java scriptu Umístění stránek v síti www, hosting Tabulky, možnosti a použití Praxe - kompletní vzorová stránka

Klá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:

Najde se plnostihla zena

Muz 55 hleda obycejnou zenu na trvaly vztah boubelky vitany krasku nehledam ale ...

Pronájem garáže

Pronájmu dlouhodobě čistou/suchou garáž v předních Skvrňanech. 3tis/měs ...

Letní pneumatiky a discích Korando

4 gumy 235/55R18*H Ventus Prime3 K125 100H na Alu discích včetně senzorů hlídání ...

Instruktor autoškoly

Hledám solidního učitele (instruktora) autoškoly s profesním průkazem pro skupin ...

Koupím

Koupím samce terčovce: red tyrkyse, red melona a pigeona. Nebo vyměním za samic ...

Storz Pickel Plenty odpařovač

Pro koho je vaporizér Storz Bickel Plenty určen? Vaporizér Plenty za nejnižší c ...

celotělová leopardi - vzor kombinez

Dobrý den, hledám někoho , kdo by rád daroval , nebo levne prodal celotelovou ho ...

hledám ženu do 45 let s dítětem

Ahoj , najde se žena do 45 let s dítětem? ...

... více inzerce

Hlavní strana
Počasí
Programy TV
Inzerce zdarma

Registr odcizených věcí
Překlady, slovníky
Mapy a letecké snímky
Jízdní řády

Hudba, nástroje, zpěvníky
Počítače, materiály, kurzy
Zajímavosti, různé
Rádia poslech on-line

Hledat na internetu