Obsah:

Ako vytvoriť jednoduchú webovú stránku pomocou zátvoriek pre začiatočníkov: 14 krokov
Ako vytvoriť jednoduchú webovú stránku pomocou zátvoriek pre začiatočníkov: 14 krokov

Video: Ako vytvoriť jednoduchú webovú stránku pomocou zátvoriek pre začiatočníkov: 14 krokov

Video: Ako vytvoriť jednoduchú webovú stránku pomocou zátvoriek pre začiatočníkov: 14 krokov
Video: Полный курс Redux Toolkit + RTK Query для начинающих | Редакс за 2 часа! 2024, November
Anonim
Ako vytvoriť jednoduchú webovú stránku pomocou zátvoriek pre začiatočníkov
Ako vytvoriť jednoduchú webovú stránku pomocou zátvoriek pre začiatočníkov

Úvod

Nasledujúce pokyny poskytujú podrobné pokyny na vytvorenie webovej stránky pomocou zátvoriek. Bracket je editor zdrojového kódu, ktorý sa primárne zameriava na vývoj webových aplikácií. Vytvorený spoločnosťou Adobe Systems, je bezplatný a open-source softvér licencovaný pod licenciou MIT a v súčasnosti je na GitHub spravovaný spoločnosťou Adobe a ďalšími vývojármi s otvoreným zdrojovým kódom. Je napísaný v jazykoch JavaScript, HTML a CSS.

Inštrukcie

Poznámka: - Všetky značky HTML by mali byť v hranatých zátvorkách:

Krok 1: Stiahnite si softvér

Stiahnite si Softvér
Stiahnite si Softvér

stiahnite si zátvorky z tejto webovej stránky

Krok 2: Otvorte zátvorky

Otvorené zátvorky
Otvorené zátvorky

otvorte stiahnutý softvér Brackets v počítači.

Krok 3: Vytvorte nový súbor

Vytvorte nový súbor
Vytvorte nový súbor

Po otvorení zátvoriek kliknite na ikonu súboru v ľavom hornom rohu okna, potom kliknite na položku nový, zobrazí sa nový súbor „Bez názvu“.

Krok 4: Uložiť ako.. súbor

Uložiť ako.. súbor
Uložiť ako.. súbor

Kliknite pravým tlačidlom myši na tento súbor „bez názvu“, kliknite na položku uložiť ako a potom by ste ho mali uložiť na disk

v tomto mieste môžete súboru dať ľubovoľný názov, len sa uistite, že za názvom pridáte „.html“(bodkový html).

Krok 5: Začnite so značkou DOCTYPE

Začnite so značkou DOCTYPE
Začnite so značkou DOCTYPE

Každá stránka html musí začínať nasledujúcou značkou štruktúry, ktorá prehliadaču hovorí, aké „pravidlá je potrebné dodržať“pri vykresľovaní stránky HTML.

Krok 6: HTML značka

HTML tag
HTML tag

a - tieto značky majú začať a ukončiť dokument.

Krok 7: Značky hlavy a tela

Štítky na hlave a tele
Štítky na hlave a tele

Medzi tagy html napíšte a tam, kde obsahuje veci zo zákulisia. Tiež píšte a tam, kde obsahuje text, obrázky, video, zvuk a podobne.

Krok 8: Meta tag

Meta Tag
Meta Tag

Medzi značky napíšte, kde poskytujú informácie, ako sú výrazy pre vyhľadávače alebo kódovanie znakov.

Krok 9: Názov značky

Názov značky
Názov značky

Medzi tagy, pod, píšte a. Čokoľvek medzi tým napíšete, uvidíte to v hornej časti okna prehliadača a táto značka je pre vyhľadávač dôležitá. Napíšem napríklad „WRD 204“

Krok 10: Pridanie odseku pomocou značky P

Pridanie odseku pomocou značky P
Pridanie odseku pomocou značky P

Medzi tým napíšte akékoľvek informácie, ktoré chcete vidieť na webovej stránke, napríklad obrázok, zvuk, video alebo odsek, v mojom prípade napríklad napíšem odsek pomocou týchto značiek pre odsek:

a.

Krok 11: Pozrite sa na svoje výsledky

Pozrite si svoje výsledky
Pozrite si svoje výsledky
Pozrite si svoje výsledky
Pozrite si svoje výsledky

Aby ste videli svoje výsledky: najskôr kliknite pravým tlačidlom myši na súbor a kliknite na „uložiť“, než kliknite na ikonu „živý náhľad“v pravom hornom rohu.

Poznámka: - kedykoľvek vykonáte zmenu a chcete vidieť výsledok, najskôr musíte súbor uložiť, môžete použiť skratku „Ctrl + S“

Krok 12: Zmeňte formátovanie

Zmeňte formátovanie
Zmeňte formátovanie
Zmeňte formátovanie
Zmeňte formátovanie

Ak chcete zmeniť veľkosť formátu textu, použite najväčší nadpis alebo je najmenší. V mojom prípade použijem.

Krok 13: Značka prerušenia jedného alebo dvoch riadkov

Jedno/dvojradová značka prerušenia
Jedno/dvojradová značka prerušenia
Jedno/dvojradová značka prerušenia
Jedno/dvojradová značka prerušenia

Ak chcete medzi odsekmi urobiť prerušenie jedného alebo dvoch riadkov, použite tag

Krok 14: Záver

Gratulujem teraz môžete začať vytvárať vlastnú webovú stránku.

Ak vás zaujíma viac informácií o značkách HTML, odporúčam tento web

Odporúča: