Sa artikulong ito, matututunan mo kung paano gamitin ang HTML para isulat ang iyong unang website! Ang artikulo ay magbibigay ng mga halimbawa ng paglalarawan para sa isang mas mahusay na pag-unawa. Magpareserba kaagad na ang artikulo ay orihinal na idinisenyo para sa mga nagsisimula pa lamang matuto ng HTML. Bilang karagdagan, ipinapangako namin na sa pagtatapos ng pagbabasa ng artikulong ito, garantisadong gagawin mo ang iyong unang website.
Ang HTML ay nangangahulugang HyperText Markup Language, iyon ay, isang wika para sa pagsasaayos ng text.
Hindi tulad ng mga programming language (JavaScript, PHP, atbp.) na gumagamit ng mga script para magsagawa ng mga aksyon sa mga website, ang sequencing language (HTML) ay gumagamit ng mga tag para markahan ang content ng website.
Simulan nating pag-aralan ang HTML mula sa simula
Kung paanong ang Ingles ay binubuo ng mga titik A, B, C, atbp., kaya naman ang HTML ay binubuo ng mga kakaibang "titik":,,
etc. Ang mga kakaibang "titik" na ito ng HTML na wika ay tinatawag na mga tag ng mga webmaster.
Ang sumusunod ay isang halimbawa ng HTML tag.
Mga Tag Gumawa ng salungguhit sa paligid ng mga gilid ng text na ito.
Binibigyang-daan ka ng mga HTML tag na ipinares sa mga istilo ng wika ng CSS na mabilis at mahusay na gumawa ng mga website.
Ang lugar ng HTML sa iba pang mga wika
Tulad ng alam mo, isang magandang websitebinuo sa hindi bababa sa 5 wika.
Ang modernong website ay binuo sa mga wika:
- HTML (istraktura at pagkakasunud-sunod).
- CSS (style content).
- JavaScript (mga pagkilos ng browser).
- PHP (pagkilos ng server).
- SQL (imbakan ng data).
Ang HTML ay ang pangunahing pangunahing wika kung saan nakabatay ang iba. Samakatuwid, ang pag-aaral ng HTML ay dapat ang unang hakbang para sa sinumang natututo kung paano bumuo ng mga website sa web.
Tag
Ang HTML na wika ay nagbago sa paglipas ng mga taon mula nang ito ay mabuo. Sa ngayon, karamihan sa mga site sa Internet ay lumilipat sa pinakabagong bersyon ng wika - HTML5. Ngunit kahit sa HTML5, ang mga pangunahing kaalaman ng wika ay nananatiling hindi nagbabago.
Ang istraktura ng isang HTML page ay parang sandwich. Tulad ng sandwich na may dalawang hiwa ng tinapay, ang isang HTML na dokumento ay may pambungad at pagsasara na HTML tag.
Ang mga tag na ito, tulad ng tinapay sa isang sandwich, ay pumapalibot sa lahat ng nasa loob.
Tag
Habang patuloy kang nag-aaral ng HTML, dapat ay maging pamilyar ka sa tag. Direkta sa loob ng parent na tag ay ang lahat ng nilalaman ng site, kasama ang tag. Ang tag na ito ay kinakailangan at naglalaman ng lahat ng mga setting ng pahina ng site kung saan ito nakasulat. Ang mga setting na ito ay hindi nakikita ng mga bisita sa site, tanging mga browser (Google Chrome, Mozilla Firefox, atbp.) lamang ang makakakita sa kanila.
Ang block ng mga setting ng webpage ay naglalaman ng lahat ng "hindi na-render" na elemento na tumutulong sa browser na ipakita nang tama ang iyong site sa web.
Lahat ng opsyon namaaaring i-configure sa loob ng tag, titingnan natin ito, ngunit sa ibang pagkakataon - pagdating ng oras.
Tag
Ang tag, tulad ng tag, ay nasa loob ng tag.
Kailangan ang tag na ito upang maipakita sa iyong site ang lahat ng impormasyong gusto mong ipakita.
Ang mga heading, talata, talahanayan, larawan, at link ay maliit na bahagi lamang ng mga elemento na maaaring ilagay sa loob ng tag.
Basic structure ng isang HTML na dokumento:
… …
Iyong unang site
Ngayon alam mo na na maaari kang lumikha ng mga website gamit ang HTML at ang mga pangunahing tag ay ginagamit para dito:
- . Binabalangkas ang mga hangganan ng isang web page.
- . Naglalaman ng mga setting para sa pagpapakita ng web page sa isang browser.
- . Naglalaman ng lahat ng elemento ng web page (mga larawan, video, text, at iba pa) na gusto mong ipakita sa mga bisita sa site.
Iba pang mga tag tulad ng,,, pag-uusapan natin sa lalong madaling panahon.
Maganda kung hindi lang babasahin ng mambabasa ang artikulong ito, kundi agad ding tumakbo para mahasa ang kanilang kakayahan. Upang mahasa ang iyong mga kasanayan sa HTML, kakailanganin mong gawin ang iyong unang website, na magsisilbing lugar ng pagsubok para sa iyong mga bagong kasanayan.
Alam na ang mga mobile operator ("MTS", "MegaFon" at iba pa) ay nagbibigay sa amin ng mga serbisyong pang-mobile. Sa parehong paraan, ang mga serbisyo para sa paglikha at pamamahala ng mga site ay ibinibigay sa amin ng mga operator ng pagho-host. Upang gawin ang iyong website, pumunta sa site ng anumang libreng hosting operator.
Na-verify na mga provider ng pagho-host ang BEGET oreg, halimbawa. Maaari kang pumili ng sinuman.
Pagkatapos ng maikling pagpaparehistro, pagkatapos ng 24 na oras, awtomatikong gagawin ang iyong unang website sa Internet, na makikita ng buong mundo, at maaari kang magsimulang magsanay!
Modernong istraktura ng site
Ngayong mayroon ka na ng iyong site, tingnan kung anong mga tag ang naglalaman ng tag at kung paano nila inaayos ang impormasyon sa mga site.
Ang larawan sa itaas ay isang eskematiko na representasyon ng istruktura na kasama ng pinakabagong bersyon ng HTML na wika - HTML5. Kasama ng HTML5 hindi lamang dumating ang mga bagong tag, kundi pati na rin ang kahulugan ng pagbuo ng mga website. Ang lahat ng mga tag na nakikita mo sa larawan ay nasa loob ng pangunahing tag. Tinutulungan ka ng mga tag na ito na "i-outline" ang istraktura ng iyong site at bigyan ito ng kahulugan.
Halimbawa, sa loob ng mga tag … maginhawang ilagay ang pamagat ng site (mga tag) at paglalarawan ng site (mga tag).
Maginhawang ilagay ang menu (mga link) ng site (tag) sa loob ng mga tag.
Maginhawang maglagay ng anumang malaking bloke ng impormasyong nauugnay sa kahulugan sa loob ng mga tag. Maaari itong maging ilang artikulo, bawat isa ay "nakabalot" sa mga tag, o mga larawan (tag), o mga talahanayan (mga tag
) at higit pa.
Maginhawang maglagay ng anumang impormasyon sa loob ng mga tag na hindi akma sa kahulugan ng.
Sa loob ng mga tag, kaugalian na maglagay ng karagdagang impormasyon gaya ng impormasyon sa pakikipag-ugnayan, karagdagang mga seksyon ng site, at iba pa.
Kaya ngayon ay medyo mas sanay ka na sa kung saan gawa ang mga modernong website. Kumuha tayo ng isang halimbawa saang kaguluhan sa aking isipan ay napalitan ng pagkamangha mula sa pananaw.
Kaya, kapag binuksan mo ang file manager sa site ng iyong hosting operator at nakakita ng dokumentong tinatawag na index.php, huwag mag-atubiling isulat dito, na parang mula sa simula, ang istraktura ng iyong site.
Ang una kong website
Pamagat ng pahina
Paglalarawan ng pahina
Link 1 | Link 2 | Link 3
Pamagat ng ilang artikulo
Ito ay isang bloke na naglalaman ng anumang impormasyon, at sa tulong ng CSS maaari mong kulayan ang bloke na ito, at ang buong site kasama ang lahat ng nilalaman nito, sa paraang gusto mo. © All rights reserved
Tandaan na sinabi namin na may iba't ibang setting para sa site? Well, eto na:
- Gamit ang ipinapakita namin sa mga browser na ang site ay maaaring maglaman ng parehong Russian at English na character (kung hindi, kapag binuksan mo ang site, makikita mo ang kakila-kilabot na krakozyabry).
- Ginagamit angupang isaad ang pangalan ng page, na ipapakita sa tab ng browser at sa search engine ("Yandex", Google at mga katulad nito).
Siyempre, nang walang CSS styling, magmumukhang maramot ang iyong site (mga itim na titik sa puting background), ngunit siguraduhing subukan munang isulat ang iyong unang page sa HTML.
Binabati kita! Kakagawa mo pa lang ng iyong unang web page sa sarili mong website! Ito ay magiging mas kawili-wili!
