Ang bawat isa sa atin ay nag-online na parang nasa kalawakan - unang nais nating makita ang "paano ito?", Pagkatapos ay nais naming siyasatin ang karamihan sa lahat ng bagay na naroon, at pagkatapos ay mayroong pagnanais na mag-iwan ng isang bagay na sarili natin doon - hindi "graffiti lang sa mga dingding", ngunit isang bagay na mas malaki. Maaari kang magsimula sa pamamagitan ng paglikha ng isang simpleng web page - narito ang isang sunud-sunod na gabay.
Kailangan iyon
Text editor
Panuto
Hakbang 1
Lahat ng nakikita ng isang bisita ng site sa isang web page ay muling nilikha ng browser mula sa mga tagubiling ipinadala ng server sa kanyang kahilingan. Ang mga tagubiling ito ay nakasulat sa HTML (HyperText Markup Language) at ang mga extension ng htm at html ay naka-highlight para sa mga file kung saan nakaimbak ang mga ito. Maaari kang lumikha ng isang file sa isang regular na text editor - ito ang magiging unang hakbang sa paglikha ng isang web page. Buksan ang karaniwang Notepad, halimbawa, at lumikha ng isang walang laman na file na pinangalanang index.html. Kapag nag-type ka ng isang address ng website nang hindi tumutukoy ng isang tukoy na pahina (halimbawa, ang unang bagay na hinahanap ng server ay isang pahina na may eksaktong pangalan na ito - index.
Hakbang 2
Ang mga tagubilin sa HTML ay tinatawag na "mga tag" at ang bawat isa sa kanila ay nakapaloob sa nasabing mga braket -. Ang ilan sa mga tag ay ipinares, iyon ay, binubuo ang mga ito ng pagbubukas at pagsasara ng mga tag, at inilalagay ang impormasyon sa pagitan nila. Halimbawa mula sa pambungad na tag sa pamamagitan ng pagkakaroon ng isang slash pagkatapos ng pambungad na panaklong (</).
Hakbang 3
Ang lahat ng code na inilagay mo sa pagitan ng at mga tag ay dapat na hatiin sa dalawang bahagi - ang header at ang katawan ng dokumento. Ang pagbubukas at pagsasara ng mga tag ng bahagi ng pamagat ay nakasulat tulad ng sumusunod: Ito ang "serbisyo" na bahagi ng pahina - impormasyon para sa pamagat ng window, mga keyword at paglalarawan para sa mga robot sa paghahanap, paglalarawan ng mga istilo, script, atbp. Ipasok ang pamagat ng window ng pahina dito: Ito ang pamagat! Ang buong teksto ng iyong pahina ng html sa puntong ito ay dapat magmukhang ganito:
Ito ang headline!
Hakbang 4
Pagkatapos ng heading na bahagi, kailangan mong maglagay ng mga tag sa pagitan ng kung saan ang mga tagubilin sa katawan ng dokumento ay isasara: Magsingit sa pagitan ng mga ito, halimbawa, isang tag na nagpapakita ng isang talata ng teksto sa pahina:
Mayroong isang buong talata ng impormasyon dito!
Hindi lahat ng mga HTML tag ay ipinares. Para sa ilan sa kanila, lahat ng kailangan mo ay nakalagay sa loob ng pambungad na tag. Ang mga tag na ito ay may isang pagsasara slash bago ang pagsasara ng panaklong. Halimbawa, ang tag na end-of-line at "pagbalik sa karwahe"
:
Ang unang linya ng talata.
Pangalawang linya ng talata.
Ang lahat ng ito ay sapat na upang maipakita ng browser ang iyong pahina nang normal. Ang lahat ng html-code na natipon ay dapat magmukhang ganito:
Ito ang headline!
Ang unang linya ng talata.
Pangalawang linya ng talata.
Nakumpleto nito ang paglikha ng isang simpleng pahina - pagkatapos i-save ang dokumento (index.html), maaari mo itong buksan sa isang browser at makita ang iyong pahina.
