Obsah:

Jak vytvořit jednoduchou webovou stránku pomocí závorek pro začátečníky: 14 kroků
Jak vytvořit jednoduchou webovou stránku pomocí závorek pro začátečníky: 14 kroků

Video: Jak vytvořit jednoduchou webovou stránku pomocí závorek pro začátečníky: 14 kroků

Video: Jak vytvořit jednoduchou webovou stránku pomocí závorek pro začátečníky: 14 kroků
Video: Vyhledávání na GOOGLE 🔎 Zlepšete ho za pár minut 2024, Listopad
Anonim
Jak vytvořit jednoduchou webovou stránku pomocí závorek pro začátečníky
Jak vytvořit jednoduchou webovou stránku pomocí závorek pro začátečníky

Úvod

Následující pokyny poskytují podrobné pokyny k vytvoření webové stránky pomocí závorek. Bracket je editor zdrojového kódu s primárním zaměřením na vývoj webu. Vytvořený společností Adobe Systems, je to bezplatný a open-source software licencovaný pod licencí MIT a v současné době je na GitHubu spravován společností Adobe a dalšími vývojáři open-source. Je napsán v jazyce JavaScript, HTML a CSS.

Instrukce

Poznámka: - Všechny značky HTML by měly být v závorkách:

Krok 1: Stáhněte si software

Stáhněte si Software
Stáhněte si Software

stáhněte závorky z této webové stránky

Krok 2: Otevřete závorky

Otevřete závorky
Otevřete závorky

otevřete stažený software Brackets v počítači.

Krok 3: Vytvořte nový soubor

Vytvořit nový soubor
Vytvořit nový soubor

Po otevření závorek klikněte na ikonu souboru v levém horním rohu okna, poté klikněte na nový, uvidíte nový soubor „Bez názvu“.

Krok 4: Uložit jako.. soubor

Uložit jako.. soubor
Uložit jako.. soubor

Klikněte pravým tlačítkem na tento soubor „bez názvu“, klikněte na uložit jako a poté byste jej měli uložit na disk

v tomto okamžiku můžete souboru dát libovolný název, jen se ujistěte, že za název přidáte „.html“(tečka html).

Krok 5: Začněte tagem DOCTYPE

Začněte tagem DOCTYPE
Začněte tagem DOCTYPE

Každá stránka html musí začínat následujícím tagem struktury. Říká prohlížeči, jaká „pravidla je třeba dodržovat“při vykreslování stránky HTML.

Krok 6: HTML tag

HTML tag
HTML tag

a - tyto značky mají začít a ukončit dokument.

Krok 7: Značky hlavy a těla

Značky hlavy a těla
Značky hlavy a těla

Mezi tagy html napište a tam, kde obsahuje věci ze zákulisí. Také pište a tam, kde obsahuje text, obrázky, video, zvuk atd.

Krok 8: Meta Tag

Meta tag
Meta tag

Mezi tagy pište, kde poskytují takové informace, jako jsou výrazy vyhledávače nebo kódování znaků.

Krok 9: Název značky

Název značky
Název značky

Mezi tagy, pod, napište a. Cokoli mezi tím napíšete, uvidíte to v horní části okna prohlížeče a tato značka je pro vyhledávač důležitá. Napíšu například „WRD 204“

Krok 10: Přidání odstavce pomocí P tagu

Přidání odstavce pomocí P tagu
Přidání odstavce pomocí P tagu

Mezi tím napište jakékoli informace, které chcete vidět na webové stránce, například obrázek, zvuk, video nebo odstavec, pro můj příklad napíšu odstavec pomocí těchto značek pro odstavec:

a.

Krok 11: Podívejte se na své výsledky

Podívejte se na své výsledky
Podívejte se na své výsledky
Podívejte se na své výsledky
Podívejte se na své výsledky

Abyste viděli své výsledky: nejprve klikněte pravým tlačítkem na soubor a klikněte na „uložit“, než klikněte na ikonu „živého náhledu“v pravém horním rohu.

Poznámka: - kdykoli provedete změnu a chcete vidět výsledek, nejprve musíte soubor uložit, můžete použít zkratku „Ctrl + S“

Krok 12: Změňte formátování

Změňte formátování
Změňte formátování
Změňte formátování
Změňte formátování

Pokud chcete změnit velikost formátu textu, použijte největší nadpis nebo je nejmenší. V mém příkladu použiji.

Krok 13: Štítek pro přerušení jednoho/dvou řádků

Jedno/dvouřádkový štítek na přerušení
Jedno/dvouřádkový štítek na přerušení
Jedno/dvouřádkový štítek
Jedno/dvouřádkový štítek

Pokud chcete mezi odstavci udělat jeden/dvojitý konec řádku, použijte tag

Krok 14: Závěr

Gratulujeme! nyní můžete začít vytvářet vlastní webovou stránku.

Pokud vás zajímá více informací o značkách HTML, doporučuji tento web

Doporučuje: