Kaip sukurti paprastą tinklalapį naudojant „Notepad“: 15 žingsnių

Turinys:

Kaip sukurti paprastą tinklalapį naudojant „Notepad“: 15 žingsnių
Kaip sukurti paprastą tinklalapį naudojant „Notepad“: 15 žingsnių

Video: Kaip sukurti paprastą tinklalapį naudojant „Notepad“: 15 žingsnių

Video: Kaip sukurti paprastą tinklalapį naudojant „Notepad“: 15 žingsnių
Video: How to Use A VPN On Your PC 2024, Lapkritis
Anonim

Kasdien lankomės įvairiose svetainėse. Tačiau kartais susimąstome, ar sunku susikurti savo svetainę? Šiame straipsnyje jums bus pasiūlyta sukurti paprastą HTML tinklalapį naudojant „Notepad“.

Žingsnis

1 būdas iš 1: savo tinklalapio kūrimas

Sukurkite paprastą tinklalapį naudodami „Notepad“1 veiksmas
Sukurkite paprastą tinklalapį naudodami „Notepad“1 veiksmas

Žingsnis 1. Atidarykite „Notepad“

Šis teksto redaktorius yra integruota programa, prieinama kiekviename „Windows“kompiuteryje ir ją galima rasti meniu Pradėti. Atidarę „Notepad“, spustelėkite Failas> Įrašyti kaip, tada stulpelyje Failo tipas pasirinkite Visi failai. Išsaugokite sukurtą failą HTML formatu. Paprastai pagrindinis svetainės puslapis turi failo pavadinimą „index.html“ir jame yra nuorodų į visus svetainės puslapius.

Sukurkite paprastą tinklalapį naudodami „Notepad“2 veiksmą
Sukurkite paprastą tinklalapį naudodami „Notepad“2 veiksmą

Žingsnis 2. Supraskite HTML

Ženklas (žyma) HTML (hiperteksto žymėjimo kalba) yra.

Šie ženklai naudojami kuriant jūsų svetainę. Norėdami baigti HTML kodą, naudokite pabaigos žymą, pvz..

Sukurkite paprastą tinklalapį naudodami „Notepad“3 veiksmą
Sukurkite paprastą tinklalapį naudodami „Notepad“3 veiksmą

Žingsnis 3. Pradėkite savo tinklalapį įterpdami žymą failo viršuje

Sukurkite paprastą tinklalapį naudodami „Notepad“4 veiksmą
Sukurkite paprastą tinklalapį naudodami „Notepad“4 veiksmą

Žingsnis 4. Norėdami įvesti įvairią informaciją, naudokite žymas

Ženklai naudingi nustatant puslapio pavadinimą, o (pasirenkamos) žymos naudojamos tinklalapio turinio paaiškinimui įvesti. Tada ženklą perskaitys paieškos sistemos, pvz., „Google“.

Sukurkite paprastą tinklalapį naudodami „Notepad“5 veiksmą
Sukurkite paprastą tinklalapį naudodami „Notepad“5 veiksmą

5 veiksmas. Įvedę žymą, pavadinkite puslapį žyma, pvz., „WikiHow HTML“

Sukurkite paprastą tinklalapį naudodami „Notepad“6 veiksmą
Sukurkite paprastą tinklalapį naudodami „Notepad“6 veiksmą

Žingsnis 6. Užbaikite svetainės antraštę naudodami ženklą

Sukurkite paprastą tinklalapį naudodami „Notepad“7 veiksmą
Sukurkite paprastą tinklalapį naudodami „Notepad“7 veiksmą

Žingsnis 7. Norėdami įvesti puslapio turinį, naudokite žymas

Atminkite, kad naršyklės nepalaiko visų spalvų. Pavyzdžiui, tamsiai pilka spalva gali būti nepalaikoma.

Sukurkite paprastą tinklalapį naudodami „Notepad“8 veiksmą
Sukurkite paprastą tinklalapį naudodami „Notepad“8 veiksmą

Žingsnis 8. Parašykite tinklalapio turinį tarp

Pavyzdžiui, pradėkite nuo svetainės antraštės sukūrimo. Svetainės antraštė yra svetainės dalis didelėmis raidėmis ir pažymėta ženklu

iki

. Ženklas

galite naudoti norėdami sukurti didžiausio šrifto dydžio svetainės antraštę. Pabandykite naudoti ženklą, esantį tiesiai po ženklu, pvz

Sveiki atvykę į mano svetainę

. Būtinai uždarykite ženklą

sakinio pabaigoje.

Sukurkite paprastą tinklalapį naudodami „Notepad“9 veiksmą
Sukurkite paprastą tinklalapį naudodami „Notepad“9 veiksmą

Žingsnis 9. Puslapyje su ženklu sukurkite pastraipą

Pavyzdžiui, rašykite

Pastraipos testas!

Norėdami sukurti naują eilutę, naudokite ženklą, arba pertraukos.

Sukurkite paprastą tinklalapį naudodami „Notepad“10 veiksmą
Sukurkite paprastą tinklalapį naudodami „Notepad“10 veiksmą

10. Jūs tikrai nenorite, kad jūsų sukurtame tinklalapyje būtų tik paprastas tekstas

Norėdami formatuoti tekstą tinklalapiuose, naudokite šias žymes: tekstą paryškinti, kursyvu ir jį pabraukti. Panaudoję aukščiau esantį ženklą, nepamirškite jo uždaryti!

Sukurkite paprastą tinklalapį naudodami „Notepad“11 veiksmą
Sukurkite paprastą tinklalapį naudodami „Notepad“11 veiksmą

Žingsnis 11. Pridėkite vaizdą su ženklu

Image
Image

pagražinti svetainę ir pridėti informacijos, kurios negalima paaiškinti teksto forma.

Ženklas

Sukurkite paprastą tinklalapį naudodami „Notepad“13 veiksmą
Sukurkite paprastą tinklalapį naudodami „Notepad“13 veiksmą

kad veiktų tam tikra informacija. Visa ženklo sintaksė

gali būti tokios formos:.

Ženkle esantis src parametras naudojamas vaizdo failo pavadinimui parašyti, o plotis ir aukštis - ilgiui ir pločiui apibūdinti.

Žingsnis 12. Sukurkite nuorodą, nukreipiančią į kitą puslapį su, pavyzdžiui, Kitas puslapis

Ženklo viduryje esantis tekstas yra puslapyje rodomas tekstas, o parametre „href“yra paskirties puslapis. Naudodami nuorodas lankytojai gali lengvai pereiti į skirtingus jūsų svetainės puslapius.

Žingsnis 13. Kai baigsite pildyti svetainę, užbaikite puslapį uždarydami

Galiausiai uždarykite HTML kodą

Sukurkite paprastą tinklalapį naudodami „Notepad“14 veiksmas
Sukurkite paprastą tinklalapį naudodami „Notepad“14 veiksmas

Žingsnis 14. Išsaugokite sukurtą tinklalapį naudodami.html plėtinį ir atidarykite jį mėgstamiausioje naršyklėje, kad jį išbandytumėte

Sukurkite paprastą tinklalapį naudodami „Notepad“15 veiksmą
Sukurkite paprastą tinklalapį naudodami „Notepad“15 veiksmą

Žingsnis 15. Jei norite įkelti savo svetainę į internetą, perskaitykite šį vadovą

Patarimai

  • Internete yra įvairių svetainių, kuriose yra svetainės kūrimo vadovai. „W3school“yra viena svetainė su gera medžiaga.
  • Būtinai uždarykite kiekvieną žymą HTML faile.
  • Pažymėkite pirmąją failo eilutę prieš. Ši vėliava rodo, kad kuriamas failas yra HTML5 failas.
  • Pakeiskite šriftą prieš ir po žymėmis. Pakeiskite „N“norimu šriftu, pvz., „Verdana“.
  • Jei reikia naudoti kampinius skliaustus, naudokite kodą. Tuo tarpu, norėdami naudoti & ženklą, naudokite kodą &.
  • Remiantis HTML pamokomis, žiniatinklio failus ir aplankus visada turėtumėte pavadinti mažosiomis raidėmis, be tarpų ir skyrybos ženklų. Nors „Windows“leidžia įterpti tarpų į failų pavadinimus, daugelis prieglobos paslaugų teikėjų to nedaro. Be to, tvarkingas failo pavadinimas palengvins jūsų svetainės valdymą.

Rekomenduojamas: