Sdílet prostřednictvím

Základy HTML

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) obklopených úhlovými závorkami (<>), proložené textem.

Následující postup používá značky HTML k vytvoření jednoduché webové stránky. V tomto postupu zadáte do souboru v Poznámkovém bloku prostý text, 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

  1. Otevřete Poznámkový blok nebo jakýkoli editor prostého textu.

  2. V nabídce Soubor zvolte Nový.

  3. Zadejte následující řádky:

    <HTML>
<HEAD>
<TITLE>Top HTML Tags</TITLE>
</HEAD>
</HTML>

  4. V nabídce Soubor zvolte Uložit a uložte soubor jako c:\webpages\First.htm. Nechte soubor otevřený v editoru.

  5. 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 titulkem okna "Nejdůležitější značky HTML".

    Všimněte si, že značky jsou seskupeny do dvojic a jsou umístěny v hranatých závorkách. Značky nerozlišují velká a malá písmena, ale velké písmo se často používá, aby vynikly.

    Značka <HTML> zahajuje dokument a značka </HTML> ho ukončuje. 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.

  6. Přepněte zpět do Poznámkového bloku a za řádek </HEAD> zadejte:

    <BODY>
    HTML is swell.
    Life is good.
</BODY>

  7. V nabídce Soubor zvolte Uložit.

  8. 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 vozíku 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.

  9. Přidejte záhlaví:

    <H3>Here's the big picture</H3>

  10. Přidejte obrázek pomocí .gif souboru uloženého ve stejném adresáři jako stránka:

    <IMG src="yourfile.gif">

  11. Přidání seznamu:

    <UL>Make me an unordered list.
<LI>One programmer</LI>
<LI>Ten SDKs</LI>
<LI>Great Internet Apps</LI>
</UL>

  12. Místo toho použijte spárované <značky OL> a </OL> místo <značek UL> a </UL> .

To by ti mělo pomoci 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

Viz také

Základy internetového programování MFC