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

2025 Autor: John Day | [email protected]. Naposledy zmenené: 2025-01-13 06:58

Ú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 zátvorky z tejto webovej stránky

Krok 2: Otvorte zátvorky

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

Krok 3: 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

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

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

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

Krok 7: Značky hlavy a tela

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

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

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

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

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

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

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