• Příklad vytvoření html stránky v poznámkovém bloku. Jak vytvořit první webovou (html) stránku

    Zajímá vás, jak vytvořit HTML stránku? Chcete-li to provést, musíte strávit několik hodin a budete vědět a svou první stránku můžete vytvořit za 5 minut.

    HTML je zkratka pro HyperText Markup Language. V překladu to znamená „Hypertextový značkovací jazyk“. Je důležité pochopit, že HTML není programovací jazyk, ale značka webu.

    Rozpoznají to všechny moderní prohlížeče. Informace pak zobrazují uživatelsky přívětivým způsobem, jak zamýšlel autor.

    Tento jazyk používá speciální značky. Každý tag má svou vlastní funkci. Je jich hodně. Ideální je naučit se všechno. Pro začátečníka ale stačí základní znalosti.

    Základy HTML

    Než vytvoříte stránku HTML, musíte vědět, z čeho se skládá. V tomto jazyce existují dva pojmy: prvek a značka.

    Počáteční a koncové značky se používají k označení, kde tento prvek začíná a končí. Vypadá to takto.

    <открывающий тег>obsah

    Jak vidíte, jediný rozdíl mezi počáteční a závěrečnou značkou je "/".

    Celý dokument HTML je sbírkou těchto prvků. Existují určité požadavky na strukturu dokumentu. Veškerý obsah stránky musí být mezi dvěma značkami. A. Když píšete kód, zvykněte si vkládat otevírací a zavírací tag současně.

    Pamatujte také, že struktura jazyka HTML má svou vlastní hierarchii. Jinak se tomu říká hnízdění. je nejdůležitější, protože všechny ostatní jsou uvnitř.

    HTML má dva podřízené prvky:

    • ... ;
    • .. .

    Blok HEAD obsahuje různé servisní informace. Tyto informace se v prohlížeči nezobrazují. Například návody pro vývojáře, pro libovolné programy, pro roboty a mnoho dalšího.

    Nejdůležitější je, že zde není žádný obsah.

    Sekce BODY určuje obsah dokumentu, který se zobrazí uživateli.

    Naučte se okamžitě vytvářet otevřené a uzavřené značky, protože vnořených prvků může být 10. Kromě toho se pro pohodlí doporučuje, aby byly vnořené značky odsazeny. Například takto.

    To se děje tak, že značky stejné důležitosti jsou na stejné úrovni a podřízené značky jsou „uvnitř“. Je to tedy mnohem pohodlnější pro vnímání a hledání potřebného kusu kódu. Jinak se můžete splést. Ale pro úsporu místa může být tělo také provedeno bez odsazení. To se děje tak, aby všichni ostatní neměli odsazení navíc. Všechno ostatní by mělo být odděleno.

    Jak vytvořit jednoduchou HTML stránku

    K psaní kódu potřebujete nějaký editor. Je jich hodně. Oblíbené jsou Notepad++ a Adobe Dreamweaver. Lze použít i poznámkový blok.

    Takto vypadá editor Notepad++.

    Jedná se o velmi pohodlný editor a zároveň zdarma. Výše uvedený Adobe Dreamweaver je placený. Rozdíl mezi editory určenými pro psaní a poznámkovým blokem je v tom, že jsou zvýrazněny speciální značky. Pokud to není zvýrazněno, pak jsi napsal špatně.

    Aby zvýraznění odpovídalo jazyku, musí být specifikováno v nastavení.

    Pojďme se podívat na to, jak vytvořit HTML stránku v poznámkovém bloku. To znamená, že dokončíme technickou část a poté přistoupíme přímo ke studiu značek.

    Jak vytvořit webovou stránku v HTML poznámkovém bloku

    Nejprve otevřete poznámkový blok.

    Poté do něj zadejte to, co je uvedeno na následujícím snímku obrazovky.

    Zvykněte si psát rukama, ne jen opisovat. Když píšete rukama, lépe si zapamatujete celou databázi značek.

    Poté lze soubor otevřít v prohlížeči a obdivovat výsledek. Nyní byste měli být schopni pochopit, jak vytvořit webovou stránku v HTML Poznámkovém bloku.

    Světové konsorcium W3C

    Existuje taková organizace jako W3C, která vyvíjí a implementuje všechny standardy pro internet. Všechny prohlížeče se řídí těmito standardy a zpracovávají označení stránek (kódy) podle těchto pravidel.

    Na oficiálních stránkách vývojářů jazyka HTML najdete tabulku se všemi značkami a pravidly jejich použití. V tomto článku se podíváme na ty nejzákladnější.

    Napadá vás, jaká by mohla být pravidla? Všechny popisované tagy mají své doporučení. Je jich několik:

    • Volitelný štítek.
    • Zakázáno.
    • Prázdný štítek.
    • Zastaralý
    • Ztracený.

    Značky v HTML

    Před vytvořením stránky HTML musíte zjistit, co by mělo být v servisní části HEAD.

    Oblast HEAD má povinné i volitelné značky. Značka názvu je povinná. Označuje se záhlaví. Je přiřazen k celému dokumentu. A to, co vidíte ve výsledcích vyhledávání Google, je značka názvu.

    Přejděme do sekce BODY. Existují prvky, které se zobrazují v prohlížeči, a některé se nezobrazují. Uživateli se například nezobrazují komentáře. Mohou být použity pro poznámky nebo jako nápověda pro ostatní zaměstnance, pokud pracujete v týmu.

    Jsou označeny jako

    Všechno mezi tím, program takto nahlíží. Všimněte si, že nemůžete vnořit značku komentáře do jiné značky komentáře. Protože jakmile otevřete.

    Příklad takového hnízdění:

    pokračování prvního komentáře -->

    Výsledek v prohlížeči bude následující

    pokračování prvního komentáře -->

    A tady je kousek nebude vidět. Druhý otevírací štítek