Obsah:
- Krok 1: Stiahnite si softvér
- Krok 2: Otvorte zátvorky
- Krok 3: Vytvorte nový súbor
- Krok 4: Uložiť ako.. súbor
- Krok 5: Začnite so značkou DOCTYPE
- Krok 6: HTML značka
- Krok 7: Značky hlavy a tela
- Krok 8: Meta tag
- Krok 9: Názov značky
- Krok 10: Pridanie odseku pomocou značky P
- Krok 11: Pozrite sa na svoje výsledky
- Krok 12: Zmeňte formátovanie
- Krok 13: Značka prerušenia jedného alebo dvoch riadkov
- Krok 14: Záver
Video: Ako vytvoriť jednoduchú webovú stránku pomocou zátvoriek pre začiatočníkov: 14 krokov
2024 Autor: John Day | [email protected]. Naposledy zmenené: 2024-01-30 11:57
Ú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
Odporúča:
Ako vytvoriť základnú webovú stránku pomocou programu Poznámkový blok: 4 kroky
Ako vytvoriť základnú webovú stránku pomocou programu Poznámkový blok: Zaujímalo by niekoho, „ako vytvorím webovú stránku zo základného programu na písanie?“„Zjavne nie konkrétne“… Tu vám však ukážem, ako vytvoriť ZÁKLADNÚ webovú stránku. webová stránka používa iba poznámkový blok
Ako používať multimetr v tamilčine Príručka pre začiatočníkov - Multimetr pre začiatočníkov: 8 krokov
Ako používať multimetr v tamilčine Príručka pre začiatočníkov | Multimeter pre začiatočníkov: Dobrý deň, priatelia, v tomto návode som vysvetlil, ako používať multimeter vo všetkých druhoch elektronických obvodov v 7 rôznych krokoch, ako napríklad 1) test kontinuity hardvéru na riešenie problémov 2) meranie jednosmerného prúdu 3) testovanie diódy a diódy LED 4) meranie Resi
Ako vytvoriť webovú stránku nástenky pomocou PHP a MYSQL: 5 krokov
Ako vytvoriť webovú stránku nástenky pomocou PHP a MYSQL: Tento návod vám ukáže, ako vytvoriť webovú stránku nástenky pomocou php, mysql, html a css. Ak ste vo vývoji webových aplikácií nováčik, nebojte sa, budú existovať podrobné vysvetlenia a analógie, aby ste lepšie porozumeli pojmom. Rohož
Ako vytvoriť webovú stránku na Raspberry Pi s Node.js, Express a MongoDB Časť 1: 6 krokov
Ako vybudovať webovú stránku na Raspberry Pi s Node.js, Express a MongoDB … Časť 1: Vitajte v ČASTI 1 môjho tutoriálu o webovej aplikácii node.js. Časť 1 sa bude zaoberať potrebným softvérom použitým na vývoj aplikácií node.js, ako používať presmerovanie portov, ako vytvoriť aplikáciu pomocou Expressu a ako ju spustiť. Druhá časť tohto
Ako si vytvoriť vlastnú webovú stránku: 16 krokov
Ako si vytvoriť vlastnú webovú stránku: Úplne popísaný sprievodca, ako sa dostať z papiera na web, bezplatne, ak chcete, najmä ak vám nejaký priateľský správca webu dlhuje niekoľko výhod, ale aj napriek malým skúsenostiam a znalostiam môžete vytvoriť web a získať ho. na web takto: