Märkmikuga lihtsa veebilehe loomine: 15 sammu

Sisukord:

Märkmikuga lihtsa veebilehe loomine: 15 sammu
Märkmikuga lihtsa veebilehe loomine: 15 sammu

Video: Märkmikuga lihtsa veebilehe loomine: 15 sammu

Video: Märkmikuga lihtsa veebilehe loomine: 15 sammu
Video: Как вылечить гайморит, Ренит, Насморк! Еуфорбиум Композитиум Heel 2024, Mai
Anonim

Iga päev külastame erinevaid veebisaite. Kuid mõnikord mõtleme, kas on raske oma veebisaiti luua? Selles artiklis juhendatakse teid lihtsa HTML -i veebilehe loomiseks Notepadiga.

Samm

Meetod 1: 1: oma veebisaidi loomine

Lihtsa veebilehe loomine Notepadi abil 1. samm
Lihtsa veebilehe loomine Notepadi abil 1. samm

Samm 1. Avage Notepad

See tekstiredaktor on sisseehitatud programm, mis on saadaval igas Windowsi arvutis ja mille leiate menüüst Start. Pärast Notepadi avamist klõpsake Fail> Salvesta nimega, seejärel valige veerus Failitüüp kõik failid. Salvestage loodud fail HTML -vormingus. Üldiselt on saidi avalehel failinimi "index.html" ja see sisaldab linke saidi kõikidele lehtedele.

Lihtsa veebilehe loomine Notepadi abil 2. samm
Lihtsa veebilehe loomine Notepadi abil 2. samm

Samm 2. Mõista HTML -i

Märk (silt) HTML -is (hüperteksti märgistuskeel) on sisse lülitatud.

Need märgid aitavad teie veebisaiti üles ehitada. HTML -koodi lõpetamiseks kasutage lõppmärgendit, näiteks. Sulgumärk on kasulik erinevate märkide, näiteks rasvaste või lõigumärkide sulgemiseks.

Lihtsa veebilehe loomine Notepadi abil 3. samm
Lihtsa veebilehe loomine Notepadi abil 3. samm

Samm 3. Alustage oma veebilehte, sisestades faili ülaossa märgendi

Lihtsa veebilehe loomine Notepadi abil 4. samm
Lihtsa veebilehe loomine Notepadi abil 4. samm

Samm 4. Erinevate andmete sisestamiseks kasutage silte

Märgid on kasulikud lehe pealkirja määramiseks, samas kui (valikulisi) silte kasutatakse veebilehe sisu selgituse sisestamiseks. Seejärel loevad märki otsingumootorid, näiteks Google.

Lihtsa veebilehe loomine Notepadi abil 5. samm
Lihtsa veebilehe loomine Notepadi abil 5. samm

Samm 5. Pärast märgendi sisestamist nimetage leht sildiga, näiteks wikiHow HTML

Lihtsa veebilehe loomine Notepadi abil 6. samm
Lihtsa veebilehe loomine Notepadi abil 6. samm

Samm 6. Lõpetage saidi päis märgi abil

Lihtsa veebilehe loomine Notepadi abil Samm 7
Lihtsa veebilehe loomine Notepadi abil Samm 7

Samm 7. Kasutage lehe sisu sisestamiseks silte

Pidage meeles, et brauserid ei toeta kõiki värve. Näiteks tumehall ei pruugi olla toetatud.

Lihtsa veebilehe loomine Notepadi abil 8. samm
Lihtsa veebilehe loomine Notepadi abil 8. samm

Samm 8. Kirjutage veebilehe sisu

Alustage näiteks saidi päise loomisega. Saidi päis on saidi osa suurte tähtedega ja tähistatud märgiga

kuni

. Märk

saate kasutada suurima fondisuurusega saidi päise loomiseks. Proovige kasutada märgi all märki, näiteks

Tere tulemast minu saidile

. Sulgege märk kindlasti

lause lõpus.

Lihtsa veebilehe loomine Notepadi abil 9. samm
Lihtsa veebilehe loomine Notepadi abil 9. samm

Samm 9. Looge lehele märgistusega lõik

Näiteks kirjutage

Lõikude test!

Uue rea loomiseks kasutage märki

või puruneb.

Lihtsa veebilehe loomine Notepadi abil, samm 10
Lihtsa veebilehe loomine Notepadi abil, samm 10

Samm 10. Kindlasti ei taha te, et teie loodud veebileht sisaldaks ainult lihtteksti

Veebilehtede teksti vormindamiseks kasutage järgmisi lippe: teksti paksus kirjas, kursiivis ja allajoonida. Pärast ülaltoodud märgi kasutamist ärge unustage seda sulgeda!

Lihtsa veebilehe loomine Notepadi abil 11. samm
Lihtsa veebilehe loomine Notepadi abil 11. samm

Samm 11. Lisage märkiga pilt

Image
Image

saidi kaunistamiseks ja teabe lisamiseks, mida ei saa teksti kujul selgitada.

Märk

Lihtsa veebilehe loomine Notepadi abil Samm 13
Lihtsa veebilehe loomine Notepadi abil Samm 13

vajab toimimiseks teatud teavet. Tähise täielik süntaks

võib olla selline:.

Märgis olev parameeter src on mõeldud pildifaili nime kirjutamiseks ning laiuse ja kõrguse funktsioon pikkuse ja laiuse kirjeldamiseks.

Samm 12. Looge link, mis viib teisele lehele, näiteks a Teine leht

Märgi keskel olev tekst on lehel kuvatav tekst, samas kui parameeter href sisaldab sihtlehte. Linkide abil saavad külastajad hõlpsalt teie saidi erinevatele lehtedele liikuda.

Samm 13. Kui olete saidi täitmise lõpetanud, lõpetage leht, sulgedes

Lõpuks sulgege HTML -kood nupuga

Lihtsa veebilehe loomine Notepadi abil 14. samm
Lihtsa veebilehe loomine Notepadi abil 14. samm

Samm 14. Salvestage loodud veebileht laiendiga.html ja avage see oma lemmikbrauseris, et seda testida

Lihtsa veebilehe loomine Notepadi abil 15. samm
Lihtsa veebilehe loomine Notepadi abil 15. samm

Samm 15. Oma saidi Internetti üleslaadimiseks lugege järgmist juhendit

Näpunäiteid

  • Internetis on erinevaid saite, mis sisaldavad veebisaidi loomise juhendeid. W3school on üks hea materjaliga sait.
  • Sulgege kindlasti kõik HTML -faili sildid.
  • Märkige faili esimesele reale märk enne. See lipp näitab, et teie loodud fail on HTML5 -fail.
  • Muutke fonti märkidega enne ja pärast. Asendage "N" soovitud kirjatüübiga, näiteks "Verdana".
  • Kui teil on vaja kasutada nurksulge, kasutage koodi. Vahepeal märgi & kasutamiseks kasutage koodi &.
  • HTML -i õpetuste kohaselt peaksite veebifailid ja kaustad alati nimetama väiketähtedega, ilma tühikute ja kirjavahemärkideta. Kui Windows võimaldab teil failinimedesse tühikuid panna, siis paljud hostiteenuse pakkujad seda ei tee. Lisaks hõlbustab puhas failinimi teie saidi haldamist.

Soovitan: