
Obsah:
- Krok 1: Stáhněte si software
- Krok 2: Otevřete závorky
- Krok 3: Vytvořte nový soubor
- Krok 4: Uložit jako.. soubor
- Krok 5: Začněte tagem DOCTYPE
- Krok 6: HTML tag
- Krok 7: Značky hlavy a těla
- Krok 8: Meta Tag
- Krok 9: Název značky
- Krok 10: Přidání odstavce pomocí P tagu
- Krok 11: Podívejte se na své výsledky
- Krok 12: Změňte formátování
- Krok 13: Štítek pro přerušení jednoho/dvou řádků
- Krok 14: Závěr
2025 Autor: John Day | [email protected]. Naposledy změněno: 2025-01-23 14:38

Ú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 závorky z této webové stránky
Krok 2: Otevřete závorky

otevřete stažený software Brackets v počítači.
Krok 3: Vytvořte 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

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

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

a - tyto značky mají začít a ukončit dokument.
Krok 7: 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

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

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

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


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í


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ů


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:
Jak vytvořit základní webovou stránku pomocí programu Poznámkový blok: 4 kroky

Jak vytvořit základní webovou stránku pomocí programu Poznámkový blok: Zajímal někoho „" jak vytvořím webovou stránku ze základního programu pro psaní? &Quot; No, samozřejmě, ne konkrétně … Každopádně zde vám ukážu, jak vytvořit ZÁKLADNÍ web používající pouze poznámkový blok
Jak používat multimetr v tamilštině - Průvodce pro začátečníky - Multimetr pro začátečníky: 8 kroků

Jak používat multimetr v tamilštině | Průvodce pro začátečníky | Multimetr pro začátečníky: Dobrý den, přátelé, v tomto tutoriálu jsem vysvětlil, jak používat multimetr ve všech typech elektronických obvodů v 7 různých krocích, jako například 1) test kontinuity hardwaru pro řešení problémů 2) měření DC proudu 3) testování diody a LED 4) měření Resi
Jak vytvořit webovou stránku nástěnky pomocí PHP a MYSQL: 5 kroků

Jak vytvořit webovou stránku na nástěnce pomocí PHP a MYSQL: Tento návod vám ukáže, jak vytvořit webovou stránku na nástěnce pomocí php, mysql, html a css. Pokud jste ve vývoji webu nováčkem, nebojte se, budou zde podrobná vysvětlení a analogie, abyste mohli lépe porozumět pojmům. Rohož
Vložení tlačítka pro kopírování do schránky na webovou stránku: 5 kroků (s obrázky)

Vložení tlačítka Kopírovat do schránky na webovou stránku: To může znít jednoduše a já bych mohl vypadat hloupě, kdybych to vložil do Instructables, ale ve skutečnosti to není tak snadné. Existuje CSS, Jquery, HTML, nějaký efektní javascript a, no, víte
Jak ručně napsat webovou stránku: 8 kroků

Jak ručně skriptovat web: v tomto tutoriálu se budeme zabývat html skriptováním. Poznámka: nějaký kód může vypadat jako odkaz, prosím ignorujte ho