HTML (HyperText Markup Language) je značkovací jazyk, který se používá k vytváření webových stránek. S ním můžete vytvořit strukturu a obsah vaší stránky a vytvořit její vizuální prezentaci. Níže uvádíte kroky, které musíte provést, abyste si vytvořili vlastní HTML stránku.
Krok 1: Vytvoření nového souboru
Chcete-li začít, otevřete textový editor (jako je Notepad nebo Sublime Text) a vytvořte nový soubor. V tomto souboru budete psát svůj HTML kód.
Krok 2: Instalace DOCTYPE
Dalším krokem je určit, že váš soubor je dokument HTML. Chcete-li to provést, přidejte na začátek souboru následující řádek:
Krok 3: otevření a zavření značky HTML
Po DOCTYPE přidejte Otevírací a uzavírací značku . Celý váš HTML kód bude uvnitř těchto značek.
Krok 4: otevírání a zavírání head tagu
Uvnitř značky přidejte Otevírací a uzavírací značku . Uvnitř této značky můžete zadat meta informace o vaší stránce, jako je název a popis.
Základy tvorby HTML stránky
Zde je několik základních prvků HTML, které potřebujete vědět při vytváření webové stránky:
- Záhlaví: Název stránky lze nastavit pomocí položky . Zobrazuje se v horní části okna prohlížeče.
- Paragraf: Paragrafy lze vytvořit pomocí prvku
. Veškerý textový obsah mezi otevíracím a zavíracím tagem
zobrazí se jako jeden odstavec.
- Seznamy: Seznamy lze vytvářet pomocí prvků
-
(neuspořádaný seznam) a
(přehledný seznam). Každá položka seznamu musí být zabalena do značky
- .
- Odkaz: Odkazy lze vytvořit pomocí prvku . Chcete-li vytvořit odkaz, musíte zadat atribut href obsahující adresu URL, na kterou má odkaz vést.
- Obraz: Obrázky lze přidat pomocí položky
. Chcete-li zadat cestu k obrázku, musíte zadat atribut src obsahující adresu URL obrázku.
To jsou jen některé základy HTML. V budoucnu se můžete naučit složitější prvky, jako jsou tabulky, tvary, stylový design pomocí CSS a další funkce HTML.
Definice struktury HTML stránky
Struktura HTML stránky je důležitá pro její správné zobrazení ve webovém prohlížeči. Určuje pořadí, ve kterém jsou prvky stránky uspořádány a vzájemně interagují.
Hlavním prvkem struktury stránky je značka . Je to kontejner, ve kterém jsou umístěny všechny ostatní prvky stránky. Tag
používá se k ukládání metadat o stránce, jako je název, meta tagy, styly a skripty.
hostuje se hlavní obsah stránky, jako je text, obrázky, videa a další prvky. Tato značka je povinná pro všechny HTML stránky.
Strukturu stránky lze dále upřesnit pomocí různých značek. Například značky
a používají se k určení záhlaví a zápatí stránky. Tag