Příkazy HTML pro vytváření webových stránek

Zkratka HTML znamená jako značkovací jazyk HyperText. HTML není programovací jazyk, je značkovací jazyk.

Všechny prohlížeče mohou tuto značku převést do uživatelsky přívětivého zobrazení.

V tomto jazyce se používají speciální příkazy nazývané tagy. Každá značka má svou vlastní funkci. Existuje obrovské množství značek. V ideálním případě se musíte dozvědět všechno. Ale pro začínajícího vývojáře jsou stačeny základní znalosti.

Základní příkazy HTML

Seznam příkazů HTML je velmi velký. Ale základní není tolik. Chcete-li začít psát kód, potřebujete editor. Můžete použít Poznámkový blok. Doporučuje se používat Poznámkový blok ++. Vypadá to takhle.

Výhodou je, že ve zvláštních editorech jsou značky označeny určitou barvou v závislosti na kategorii. Příkazy pro vytváření stránky HTML v poznámkovém bloku nebo jiném programu jsou stejné. Jazyk je používán všude stejný. Rozvojové prostředí je jen nástroj.

HTML má uzavírací a neuzavřené značky. Také v tomto jazyce existuje pojem hnízdění. Každý objekt v kódu je prvek. Prvek obsahuje otevírací značku, která rovněž obsahuje obsah. Navíc má značka vlastní vlastní atributy s vlastními hodnotami.

Na obrázku jsou dvě značky a . Nezapomeňte, že otevření a zavření jsou stejné, ale pouze "/" je odlišné. Pokud značka není uzavřena, pak psovod pokládá vše ostatní za pokračování tohoto konkrétního prvku. To je velmi důležité. Zvláště v referencích. Budeme je zvažovat trochu dále.

Tag požadováno. Vždy je nutné psát. Ale není nutné ji uzavřít. Podle norem je nutné, ale pokud nebudete zavírat, bude to stále fungovat.

Existují další hlavní značky: hlava a tělo.

Tyto příkazy HTML jsou kostrou stránky. Jsou povinné. Také se uzavřou.

Název značek odpovídá významu. Head - head. Tato část označuje službu a důležité informace, které nelze vidět. Část těla je tělo dokumentu. Zde je obsah, který se uživateli zobrazí. Zkuste zavřít značky současně, aby se později nezměnilo.

Sekce služby uvádí:

• název dokumentu;
• styly souborů;
• soubory skriptu;
• meta tagy;
• pokyny pro vyhledávače;
• pokyny pro roboty;
• jakékoliv další informace, které mohou programátoři použít, ale nikoli uživatelé.

Šablona stylů se spojí takto:

Soubor skriptu je následující:

Text musí mít název. Specifikujeme to takto:

Tento text se zobrazí v názvu záložky prohlížeče. Tato hlavička je také vygenerována jako výsledek výstupu vyhledávače.

Značky pro text

Text by měl být umístěn v tagu odstavce. Označuje se jako

Text

Text můžete rozpoznat stejně jako v textu:

• kurzíva
• tučný text
• překřížený text
• podtržený text

Text může být stylizovaný. Na konci se na ně podíváme po přezkoumání ostatních prvků.

Použití záhlaví

Existují další důležité příkazy HTML. Pro vytváření stránek je nutno používat nadpisy. Jsou určeny pomocí značky. Existují úrovně od 1 do 6. Je důležité si uvědomit, že v hlavičkách by mělo být hnízdo.

Příklad na obrázku.

Mějte na paměti, že je doporučeno používat pouze jednu hlavičku h1. V tomto případě musí odpovídat značce

Použití snímků

Obrázky jsou nedílnou součástí webových stránek. Příklad ukazuje, jak můžete vložit fotografii.

Jak vidíte, příklad podrobně ukazuje, jak a jak se říká.

Použití odkazů

Pokud se učíte příkazy HTML, musíte znát značky. To je jeden z hlavních prvků, které tvoří World Wide Web.

Odkaz je označen značkou . Ale musí být uzavřeno. Tento prvek má navíc povinný atribut href, ve kterém je zadána adresa odkazu.

Ve výše uvedeném příkladu můžete vidět, že namísto textu odkazu se zobrazí obrázek. To znamená, že můžete umístit text i obrázek.

Odkazy lze také formátovat pomocí tříd stylů nebo běžných značek (kurzívou, tučným písmem, podtržením a proškrtnutím).

Použití tabulek

Tabulky se také používají velmi často. Zpočátku měly sloužit k prezentaci informací ve vhodné podobě. Ale pak je použili k umístění různých prvků stránky.

Tabulka je vytvořena takto:

Text buňky

Text buňky

Text buňky

Text buňky

Atribut šířky určuje šířku tabulky. Může být v procentech nebo pixelech. Hranice označuje tloušťku rámečku.

Struktura je označena následovně. Značka tr je řetězec. Označte buňku td. A všichni dohromady je stůl.

Tabulku lze zarovnat. To se provádí pomocí atributu align, který může mít tři hodnoty: Left, Center, Right. Příklad použití je uveden níže.

Tyto příkazy HTML (šířka a zarovnání) jsou vhodné pro jiné prvky. Tloušťka rámu je také vyznačena na snímcích.

Použití seznamů

Pomocí příkazů HTML můžete vytvořit různé typy seznamů. Téměř přesně stejný jako v editoru Word.

V Html jsou uspořádány a neřízené seznamy (označené). Příklad takového seznamu.

Výsledkem bude:

• První
• Druhý
• Třetí

Objednané seznamy jsou vytvořeny stejným způsobem, ale pouze namísto

, použijte značku
.

Zde můžete také nastavit typ výstupu seznamu:

• "1" - arabské čísla 1, 2, 3 ...
• "A" - velká písmena A, B, C ...
• "a" - malá písmena a, b, c ...
• "Já" - velká římská čísla I, II, III ...
• "i" - malé římské čísla i, ii, iii ...

Arabské číslice se zobrazují jako standardní.

Protože jsou číslované seznamy, mají atribut start, který určuje počáteční hodnotu seznamu. Můžete například zobrazit seznam začínající na 10. nebo 20. místě.

Používání stylů

Příkazy HTML pro stránky jsou velmi rozmanité, ale všechny tyto styly. Styly mohou být zadány jako soubor v hlavní části: nebo předepsat hotový styl.

Všimněte si, že mezi těmito definicemi stylů je rozdíl. Soubor stylů lze zadat na všech stránkách webu. Jakmile provedete změny, bude tato aktualizace ovlivnit celý web jako celek. Pokud zadáte styly na konkrétní stránce, změny a použití těchto tříd budou pouze v tomto souboru. Vaše nastavení nepřekročí.

Představte si, že máte 20 stránek HTML a rozhodli jste se, že záhlaví bude o 2 pixely větší. Pokud máte vše v stylu, stačí je editovat. Pokud je všude jednotlivě, potřebujete aktualizovat všech 20 stránek.

Můžete zadat pouze jednu stránku následujícím způsobem.

Tato metoda se nedoporučuje.