Způsoby pro vytvoření www stránky
Vytvoření www stránky v html editoru
Tvorba www stránky v html editoru není nic složitého. Tento způsob je vhodný hlavně pro začátečníky. Ovládají se podobně jako např. word – píšete text, můžete měnit barvu pozadí, vkládat obrázky a tabulky a když máte všechno dokončeno, vložíte příponu .html nebo .htm.
Nevýhodou tohoto způsobu tvoření www stránky je, že složitější věci s těmito editory neuděláte a někdy mohou nastat problémy a stejně budete muset použít alespoň základy html.
Vytvoření www stránky přímo v jazyce html
Tento způsob vyváření www stránky je mnohem složitější než ten předešlý. Pokud se však rozhodnete pro toto tvoření, musíte se nejdříve naučit základy jazyka html. Ale i když je vytváření www tímto způsobem pracnější, výsledek je jistější.
Jak si vytvořit www stránku
První co musíte udělat, je sehnat si jakýkoliv textový editor, který umožňuje ukládat soubory s příponou .html nebo .htm (např. poznámkový blok) nebo si rovnou můžete sehnat HTML editor pro správu kódu (např. HTML builder XP, Max HTML Beauty++ 2004, 1ST page 2000).
Zvolíte-li poznámkový blok, stačí když ho otevřete a napíšete libovolný text, uložíte do souboru s koncovkou .html nebo .htm a www stránka je hotová. I když je opravdu velmi jednoduchá, můžete ji neustále zlepšovat a to tak, že přidáte další značky neboli tagy.
Vytváření www a tagy
Dá se říct, že HTML soubor je obyčejný text, který je obalený značkami (tagy). Tagy určují, jak text na www stránce bude vypadat (jakou bude mít formu). Nesmíte zapomínat, že všechny tagy jsou uzavřeny v ostrých závorkách , to co v nich není, je text, který se bude zobrazovat.
Základní tagy
| <html> | začátek dokumentu |
| </html> |
konec dokumentu |
| <head> </head> |
začátek a konec hlavičky, obsahuje některé důležité údaje |
| <title> </title> |
vymezující název dokumentu |
| <body> </body> |
co je mezi těmito tafy se bude zobrazovat na www stránce |
| <h1> </h1> |
nadpis první úrovně |
| <h2> </h2> |
nadpis druhé úrovně, je možno použít až šest úrovní, tzn. <h6> |
| <p> </p> |
vymezení odstavce |
| <b> </b> |
mezi těmito tagy bude tučný text |
| <i> </i> | kurzíva |
| <br> |
zalomení řádku,po tomto tagu bude text vždy začínat na novém řádku |
Příklad html kódu
<html> <head><title> Příklad HTML kódu </title>
</head>
<body>
<h1> Nadpis první úrovně </h1>
<p> Toto je odstavec, kde se vyskytuje <b> tučný text </b> společně s <i> kurzívou </i>. </p>
<h2> Nadpis druhé úrovně </h2>
<p> V tomto odstavci je rovněž <b> tučný tex </b> a <i> kurzíva </i> také nesmí chybět. Ovšem pozor, přidali jsme i <i> <b> tučnou kurzívu </b> </i>
<br>
Nyní jsme použili tag pro zalomení řádku, který patří do stejného odstavce </p>
</body>
</html>
Diskuze