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ů
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: