Paano Lumikha ng isang Simpleng Webpage na may Notepad: 15 Hakbang

Talaan ng mga Nilalaman:

Paano Lumikha ng isang Simpleng Webpage na may Notepad: 15 Hakbang
Paano Lumikha ng isang Simpleng Webpage na may Notepad: 15 Hakbang

Video: Paano Lumikha ng isang Simpleng Webpage na may Notepad: 15 Hakbang

Video: Paano Lumikha ng isang Simpleng Webpage na may Notepad: 15 Hakbang
Video: 🔴 VPN !!! ANO ANG PARUSA KAPAG KAYOY NAHULI NA GUMAGAMIT VPN ? MA TRACK BA ITO NG MGA POLICE ? 2024, Mayo
Anonim

Araw-araw, nag-a-access kami ng iba't ibang mga website. Gayunpaman, kung minsan nagtataka kami, mahirap bang lumikha ng iyong sariling website? Sa artikulong ito, gagabayan ka upang lumikha ng isang simpleng pahina ng HTML na may Notepad.

Hakbang

Paraan 1 ng 1: Lumilikha ng Iyong Sariling Webpage

Lumikha ng isang Simpleng Webpage Gamit ang Notepad Hakbang 1
Lumikha ng isang Simpleng Webpage Gamit ang Notepad Hakbang 1

Hakbang 1. Buksan ang Notepad

Ang text editor na ito ay isang built-in na programa na magagamit sa bawat Windows computer, at maaaring matagpuan sa Start menu. Matapos magbukas ang Notepad, i-click ang File> I-save Bilang, pagkatapos ay piliin ang Lahat ng Mga File sa hanay ng Uri ng File. I-save ang iyong nilikha file sa format na HTML. Pangkalahatan, ang pangunahing pahina ng isang site ay may pangalan ng file na "index.html", at naglalaman ng mga link sa lahat ng mga pahina sa site.

Lumikha ng isang Simpleng Webpage Gamit ang Notepad Hakbang 2
Lumikha ng isang Simpleng Webpage Gamit ang Notepad Hakbang 2

Hakbang 2. Maunawaan ang HTML

Ang marka (tag) sa HTML (Hypertext Markup Language) ay nasa.

Ang mga marka na ito ay nagsisilbi upang mabuo ang iyong website. Upang tapusin ang HTML code, gumamit ng isang end tag, tulad ng. Ang pagsasara ng marka ay kapaki-pakinabang para sa pagsasara ng iba't ibang mga marka, tulad ng mga naka-bold o marka ng talata.

Lumikha ng isang Simpleng Webpage Gamit ang Notepad Hakbang 3
Lumikha ng isang Simpleng Webpage Gamit ang Notepad Hakbang 3

Hakbang 3. Simulan ang iyong web page sa pamamagitan ng pagpasok ng isang tag sa tuktok ng file

Lumikha ng isang Simpleng Webpage Gamit ang Notepad Hakbang 4
Lumikha ng isang Simpleng Webpage Gamit ang Notepad Hakbang 4

Hakbang 4. Gumamit ng mga tag upang maglagay ng iba't ibang impormasyon

Kapaki-pakinabang ang mga marka para sa pagtatakda ng pamagat ng pahina, habang ginagamit ang (mga opsyonal) na mga tag upang ipasok ang isang paliwanag ng mga nilalaman ng web page. Ang sign ay basahin ng mga search engine, tulad ng Google.

Lumikha ng isang Simpleng Webpage Gamit ang Notepad Hakbang 5
Lumikha ng isang Simpleng Webpage Gamit ang Notepad Hakbang 5

Hakbang 5. Matapos ipasok ang tag, pamagatin ang pahina na may tag, halimbawa wikiHow HTML

Lumikha ng isang Simpleng Webpage Gamit ang Notepad Hakbang 6
Lumikha ng isang Simpleng Webpage Gamit ang Notepad Hakbang 6

Hakbang 6. Tapusin ang header ng site sa pamamagitan ng paggamit ng sign

Lumikha ng isang Simpleng Webpage Gamit ang Notepad Hakbang 7
Lumikha ng isang Simpleng Webpage Gamit ang Notepad Hakbang 7

Hakbang 7. Gumamit ng mga tag upang maglagay ng nilalaman ng pahina

Tandaan na hindi lahat ng mga kulay ay sinusuportahan ng mga browser. Halimbawa, maaaring hindi suportahan ang maitim na kulay-abo.

Lumikha ng isang Simpleng Webpage Gamit ang Notepad Hakbang 8
Lumikha ng isang Simpleng Webpage Gamit ang Notepad Hakbang 8

Hakbang 8. Isulat ang mga nilalaman ng web page sa pagitan ng

Halimbawa, magsimula sa pamamagitan ng paglikha ng isang header ng site. Ang header ng site ay bahagi ng site sa malalaking titik, at minarkahan ng isang tanda

hanggang sa

. Tanda

maaari mong gamitin upang lumikha ng isang header ng site na may pinakamalaking sukat ng font. Subukang gamitin ang pag-sign sa ibaba lamang ng pag-sign, tulad ng

Maligayang pagdating sa aking site

. Tiyaking isinasara mo ang karatula

sa pagtatapos ng pangungusap.

Lumikha ng isang Simpleng Webpage Gamit ang Notepad Hakbang 9
Lumikha ng isang Simpleng Webpage Gamit ang Notepad Hakbang 9

Hakbang 9. Lumikha ng isang talata sa pahina na may marka

Halimbawa, sumulat

Pagsubok ng talata!

Upang lumikha ng isang bagong linya, gamitin ang pag-sign, o break.

Lumikha ng isang Simpleng Webpage Gamit ang Notepad Hakbang 10
Lumikha ng isang Simpleng Webpage Gamit ang Notepad Hakbang 10

Hakbang 10. Tiyak na hindi mo nais ang web page na nilikha mo na maglaman lamang ng simpleng teksto

Gamitin ang mga sumusunod na watawat upang mai-format ang teksto sa mga web page: sa naka-bold na teksto, upang italicahin ang teksto, at upang salungguhitan ito. Matapos gamitin ang pag-sign sa itaas, huwag kalimutang isara ito!

Lumikha ng isang Simpleng Webpage Gamit ang Notepad Hakbang 11
Lumikha ng isang Simpleng Webpage Gamit ang Notepad Hakbang 11

Hakbang 11. Magdagdag ng imahe na may karatula

Image
Image

upang pagandahin ang site at magdagdag ng impormasyon na hindi maipaliwanag sa form ng teksto.

Tanda

Lumikha ng isang Simpleng Webpage Gamit ang Notepad Hakbang 13
Lumikha ng isang Simpleng Webpage Gamit ang Notepad Hakbang 13

nangangailangan ng tiyak na impormasyon upang gumana. Ang buong syntax ng pag-sign

maaaring hugis ng ganito:.

Naghahatid ang parameter ng src sa pag-sign upang isulat ang pangalan ng file ng imahe, at ang lapad at taas na paggana upang ilarawan ang haba at lapad.

Hakbang 12. Lumikha ng isang link na humahantong sa isa pang pahina na may isang, halimbawa Isa pang pahina

Ang teksto sa gitna ng marka ay ang teksto na lilitaw sa pahina, habang naglalaman ang href parameter ng patutunguhang pahina. Sa mga link, madaling lumipat ang mga bisita sa iba't ibang mga pahina sa iyong site.

Hakbang 13. Kapag natapos mo nang punan ang site, tapusin ang pahina sa pamamagitan ng pagsara ng

Panghuli, isara ang HTML code sa

Lumikha ng isang Simpleng Webpage Gamit ang Notepad Hakbang 14
Lumikha ng isang Simpleng Webpage Gamit ang Notepad Hakbang 14

Hakbang 14. I-save ang iyong nilikha na web page na may.html extension, at buksan ito sa iyong paboritong browser upang subukan ito

Lumikha ng isang Simpleng Webpage Gamit ang Notepad Hakbang 15
Lumikha ng isang Simpleng Webpage Gamit ang Notepad Hakbang 15

Hakbang 15. Basahin ang sumusunod na gabay upang mai-upload ang iyong site sa internet

Mga Tip

  • Sa internet, mayroong iba't ibang mga site na naglalaman ng mga gabay para sa paglikha ng isang website. Ang W3school ay isang site na may mahusay na materyal.
  • Tiyaking isinasara mo ang bawat tag sa HTML file.
  • Maglagay ng marka sa unang linya ng file, bago ang. Ipinapahiwatig ng watawat na ito na ang file na iyong nilikha ay isang HTML5 file.
  • Palitan ang font ng bago at pagkatapos ng mga marka. Palitan ang "N" ng gusto mong typeface, halimbawa "Verdana".
  • Kung kailangan mong gumamit ng mga bracket ng anggulo, gamitin ang code. Samantala, upang magamit ang & sign, gamitin ang code &.
  • Ayon sa mga HTML tutorial, dapat mong palaging pangalanan ang mga web file at folder sa maliit, nang walang puwang at bantas. Habang pinapayagan ka ng Windows na maglagay ng mga puwang sa mga pangalan ng file, maraming mga provider ng hosting ang hindi. Dagdag pa, ang isang maayos na filename ay magpapadali sa iyo upang pamahalaan ang iyong site.

Inirerekumendang: