HTML – základy
Většina prohlížečů má možnost zkoumat zdroj HTML stránek, které procházíte. Když zobrazíte zdroj, uvidíte řadu značek HTML (Jazyk značek Hypertextu), které jsou obklopené úhlovými závorkami(<>), interspersed s textem.
Následující postup používá značky HTML k vytvoření jednoduché webové stránky. V těchto krocích zadáte do souboru prostý text v Poznámkový blok, provedete několik změn, uložíte soubor a znovu načtete stránku v prohlížeči, abyste viděli změny.
Vytvoření souboru HTML
Otevřete Poznámkový blok nebo jakýkoli editor prostého textu.
V nabídce Soubor zvolte Nový.
Zadejte následující řádky:
<HTML> <HEAD> <TITLE>Top HTML Tags</TITLE> </HEAD> </HTML>V nabídce Soubor zvolte Uložit a uložte soubor jako c:\webová stránka\First.htm. Nechte soubor otevřený v editoru.
Přepněte do prohlížeče a v nabídce Soubor zvolte Otevřít nebo zadejte file://C:/webpages/first.htm do textového pole adresy URL prohlížeče. Měla by se zobrazit prázdná stránka s oknem popis "Horní značky HTML".
Všimněte si, že značky jsou spárované a jsou součástí úhlových závorek. Značky nerozlišují velká a malá písmena, ale velká písmena se často používají k tomu, aby značky vynikly.
Html značky <> spustí dokument a značka </HTML> ho ukončí. Koncové značky (ne vždy povinné) jsou stejné jako počáteční značka, ale před značkou mají lomítko (/). Mezi úhlovými závorkami (<) a začátkem značky nesmí být mezery.
Přepněte zpět na Poznámkový blok a za čáru </HEAD> zadejte:
<BODY> HTML is swell. Life is good. </BODY>V nabídce Soubor zvolte Uložit.
Přepněte zpátky do prohlížeče a aktualizujte stránku.
Slova se zobrazí v klientské oblasti okna prohlížeče. Všimněte si, že návrat na začátek řádku je ignorován. Pokud chcete mít konec řádku, musíte za první řádek zahrnout
<BR>značku.Pro všechny následující kroky vložte text kamkoli mezi <text> a </BODY> a přidejte ho do textu dokumentu.
Přidejte záhlaví:
<H3>Here's the big picture</H3>Přidejte obrázek pomocí souboru .gif uloženého ve stejném adresáři jako vaše stránka:
<IMG src="yourfile.gif">Přidání seznamu:
<UL>Make me an unordered list. <LI>One programmer</LI> <LI>Ten SDKs</LI> <LI>Great Internet Apps</LI> </UL>Místo toho použijte spárované <značky OL> a </OL> místo <značek UL> a </UL> .
Měl bys začít. Pokud na webové stránce vidíte skvělou funkci, můžete zjistit, jak byla vytvořena prozkoumáním zdroje HTML. Editory HTML, jako je například Microsoft Front Page, lze použít k vytvoření jednoduchých i pokročilých stránek.
Tady je celý zdroj HTML pro soubor, který vytváříte:
<HTML>
<HEAD>
<TITLE>Top HTML Tags</TITLE>
</HEAD>
<BODY>
HTML is swell.<BR>
Life is good.
<H3>Here's the big picture</H3>
<IMG src="yourfile.gif">
<UL>Make me an unordered list.
<LI>One programmer</LI>
<LI>Ten SDKs</LI>
<LI>Great Internet Apps</LI>
</UL>
</BODY>
</HTML>
Úplný popis značek, atributů a rozšíření najdete ve specifikaci HTML (Hypertext Markup Language):
Nejnovější publikovaná verze HTML na W3C.org.