Ano ang isang Web-site? Ilista ang mga pangunahing elemento ng Web-pahina

Ang bulk ng mga nilalaman iniharap sa Internet - isang Web pahina. Ito ang kasaysayan ng pinakaunang uri ng dokumento inilaan para sa mga posisyon sa mga virtual network espasyo, ngunit mananatili pa rin may-katuturan at kapaki-pakinabang Wala pakikipagkumpitensya format. Ano ang istraktura ng mga pahina ng web? Sa tulong ng ilang mga tool ng web development sila ay nilikha?

Ano ang isang Web-site?

"Ilista ang mga pangunahing elemento ng Web-page" - sinasabi sa atin ng tagasuri sa silid-aralan ng computer science. Ano ang maaari naming sabihin sa reply? Una sa lahat, na nagsasabi tungkol sa kung ano ang mga web page sa prinsipyo.

Ayon sa pangkalahatang tinatanggap na bukod sa IT-espesyalista kahulugan, isang dokumento na ay dinisenyo upang buksan sa isang espesyal na programa - ang browser at naglalaman ng mga data upang ipakita sa isang computer screen sa tulong ng ang naaangkop na uri para sa iba't ibang mga kapaki-pakinabang na nilalaman - teksto, mga link, graphics, video, musika, at .. atbp Web-site - isang text na dokumento. Mga nauugnay na data para sa mga browser ay titik, numero, at mga espesyal na character na ginagamit bilang mga elemento ng markup language - HTML. Ito ay sa tulong ng kanyang mga taga-gawa "paliwanag" ang web page sa browser kung paano ipapakita ang mga on-screen o iba pang nilalaman.

Lugar at papel na ginagampanan ng mga web pahina sa ang istraktura ng site

Maaari naming sabihin na ang Web-site - ito ay ang pangunahing bahagi ng web site? Ito ay bahagyang totoo. Gayunpaman, tulad ng nabanggit namin sa itaas, ang mga web page - ito ay lamang ng isang text na dokumento. Ang site ay, bilang isang patakaran, ay matatagpuan din sa mga larawan, video at iba pang multimedia na mga elemento. pahina sa Web sa halip ng isang lata, ngunit sa kaayusan nito, maaari itong maglaman ng mga sanggunian sa mga ito. Samakatuwid, ang isang web page ay maaaring tinatawag na isang pangunahing bahagi ng website sa aspeto ng dominanteng papel sa paggawa ng mga mapa ng virtual nilalaman sa mga gumagamit.

Sa bihirang mga kaso, siyempre, ang dokumento na pinag-uusapan ay ang tanging bahagi ng site - kung ito para sa ilang kadahilanan ay hindi nagbibigay ng display graphics, video at iba pang multimedia na mga elemento. Sa partikular, ang mga pinakaunang site - kapag ang Web-pahina markup language ay lalabas lang - ay hindi isama ang may-katuturang nilalaman. lamang ang teksto at mga link ay bago mata ng gumagamit.

Ang prinsipyo ng paglahok ng hypertext

Kaya, Web-pahina na tinatawag na dokumento pinagsama-sama sa HTML wika, sa pamamagitan ng kung saan ang hypertext markup. Ngunit ano ang ito kababalaghan? Ano ang isang hypertext? Nang walang pagpunta magkano sa teorya, tandaan natin na ang tekstong ito, na sa anumang paraan ay nagbibigay-daan sa mabilis na access sa iba pang mga - sa pamamagitan ng reference. Sa isang tipikal na libro na ay hindi posible - may "plain text." Upang ma-access ang ninanais na pahina, ang mga mambabasa ay upang gumawa ng ilang flipping, bago basahin ang mga nilalaman o mga footnote. Sa "hypertext" mode, ang bulk ng trabaho ay ginagawa sa pamamagitan ng computer - sa kapinsalaan ng mga impormasyon na nakalarawan sa HTML na pahina-elemento.

Kung computer science teacher ay nagsasabi sa atin: "Ilista ang mga pangunahing elemento ng Web-page", kami ay lubos na tama ay maaaring magsimula ang kuwento tungkol sa mga bahagi ng ang may-katuturang mga dokumento, na kung saan ay nilikha gamit ang HTML markup. Samakatuwid, isaalang-alang muna ang ilang mga manilay-nilay punto hinggil HTML.

Istraktura ng HTML: mga tag

Paano gumagana ang browser bumabasa ng kinakailangang mga data sa web page ng dokumento, iguguhit up sa wika ng HTML? Very simple.

Pangunahing elemento ng wika - ito tag. Ang mga ito ay sa karamihan ng mga kaso lalaki - magkaroon ng isang pambungad at closing doon. Ang unang ay ipinapahiwatig ng mga braket anggulo lamang. Ang pangalawang - ang parehong, ngunit ang slash ay nakalagay sa harap ng ikalawang bracket - ang simbolo /. Ang browser ay magagawang makilala ang mga ito, at samakatuwid ay walang problema ay nagpapakita ng mga pahina ng Web alinsunod sa mga algorithm na nilikha ng developer ng dokumento.

Ang panimulang tag ay karaniwang nakasulat sa malaking titik na sumasaklaw - maliit. Ito ay - isang karaniwang well-itinatag sa medium IT-espesyalista. Browser ay tiyak na makilala ang HTML-click ang anumang mga titik, ngunit ang mga web developer ay dapat pa ring sundin ang mga minarkahan circuit pagsusulat tag. Ito ay mapadali, halimbawa, rebisyon ng mga pahina ng web sa pamamagitan ng iba pang mga espesyalista.

katangian

Iba pang mga pangunahing elemento ng HTML-wika - mga katangian. Sa kanilang tulong, ang tagalikha ng nilalaman ng web page ay maaaring itakda ang mga ari-arian - tulad ng taas ng font, kulay nito, ang posisyon na kamag-anak sa pahina. Ang parehong napupunta para sa mga larawan, video at iba pang multimedia mga bahagi. Attributes ay nakasulat sa loob ng isang pambungad na tag.

nilalaman

Sa pagitan ng pagbubukas at pagsasara ng tag ay may mga sumusunod na pangunahing mga bahagi ng isang pahina ng web - nilalaman. Ito ay, sa katunayan, ang parehong nilalaman na maipakita sa user sa screen. Ito ay maaaring maging teksto, mga link, mga larawan, video, o iba pang multimedia na mga elemento.

elemento ng web page

"So, ilista ang mga pangunahing elemento ng Web-pahina, sa wakas!" - ulit ang guro. "Sa kasiyahan," - sagutin namin ito. Anong bahagi ng istraktura ng ganitong uri ng mga dokumento? Sumasang-ayon kami na kami ay isaalang-alang ang aspetong ito sa konteksto ng lamang elemento ng HTML-web page. Iyon ay, ipakita ang mga ito sa browser - kung ano ang nakikita ng gumagamit sa screen - kami ay interesado sa isang mas mababang antas. Ang katotohanan na ang may-katuturang mga HTML-algorithm na kung saan ang programa ay nagpapakita ng parehong nilalaman ay maaaring naiiba. At ito tampok ng HTML: Maaari mong ipakita ang isang ninanais na imahe sa Web-page sa iba't ibang paraan. Kaya maaari silang maging parehong katumbas sa mga tuntunin ng web page taga-gawa ay nangangahulugan paggawa, at ipinapalagay ng ibang halaga ng oras at pagsisikap upang ipatupad ang mga ito.

elemento ng web page: pamagat

Standard elemento ng Web-pahina, pati na bagaman maaari itong tunog nakakagulat, na ibinigay sa napakaliit na dami. Sa katunayan, may mga lamang ng dalawang - ang pamagat at ang pangunahing bahagi ng ang dokumento. Gayunman, ang bawat isa sa kanila ay maaaring magkaroon ng isang halip kumplikadong istraktura.

Ano ang pagtitiyak ng pamagat? Ito ay nakatayo sa pinakatuktok ng pahina ng web. Sa HTML-code, na bumubuo ng isang header, bilang isang panuntunan, inaasahan na "encryption" just teksto, ngunit maaari ka ring maglagay ng isang maliit na graphic insert, kung kinakailangan, sa kaukulang elemento. At ito ay, sa katunayan, ang lahat na maaaring sinabi tungkol sa pamagat. Gusto Ito tila na ang kanyang papel sa ang istraktura ng ang may-katuturang dokumento ay bale-wala. Ngunit hindi ito ang kaso. Web mga pamagat ng pahina ay napaka-makabuluhang sa mga tuntunin ng site-index sa mga search engine - Yandex, ang Google. Ito elemento ay dapat na ganap na may-katuturan sa nilalaman ng isang web page, pati na rin ang niche site specifics.

Paano gumagana ang web pahina ng pamagat ay naitala gamit ang HTML wika? Very simple. Unang isinulat opening tag na palaging lumilitaw bilang HEAD may angle bracket, at pagkatapos ay - ang mga nilalaman ng header, pagkatapos - isang closing na tag. Ang mga ito ay nakasulat, siyempre, sa pinakadulo itaas ng mga web dokumento.

Header ng isang web dokumento ay maaaring isama ang isang bilang ng mga karagdagang elemento. Kung minsan ang isang format ng Web-page ay maaaring mangailangan ang pagpapakita ng teksto sa isang partikular encoding. Paano upang matiyak na ang mga web dokumento na pamantayan? Very simple. Sa dokumento header istraktura ay dapat itong mailagay HTML-algorithms prescribing ang browser na gamitin ang isang partikular na coding wika - tulad ng Cyrillic. Ang naaangkop na mga utos ay inilalagay sa loob ng META tag, na kung saan, tulad ng sa iba pa, ay pagbubukas at pagsasara.

Ang pangunahing bahagi ng web page

Ang pangunahing bahagi ng web dokumento ay binuksan tag BODY, isinara sa tulong ng mga kaukulang elemento na binubuo ng isang slash. Kasabay nito sa pagitan ng pagbubukas at pagsasara ng mga tag ay maaaring maging isang malaking halaga ng mga karagdagang hypertext markup utos wika. Ito ay dahil sa ang katunayan na ang pangunahing bahagi nito na inilagay ng isang kapaki-pakinabang na nilalaman ng web page - teksto, mga link, graphics, video, iba't-ibang mga form upang punan.

Ang bawat isa sa kani-kanilang mga uri ng nilalaman ay may sarili nitong tag. Sa istruktura ng mga pangunahing bahagi ng web dokumento ay maaaring naroroon HTML-utos, na kung saan ang pag-format ng teksto ay isinasagawa din - halimbawa, na nagbibigay sa mga tiyak na kulay ng font, laki at iba pang mga katangian.

Tingnan kung gayon, ano ang pagtitiyak ng ilang mga karaniwang ginagamit na HTML-tag. Sa totoo lang, sila din bumuo ng mga pangunahing elemento ng isang web page.

Basic HTML-tag

Kaya, ang layunin ng isang detalyadong pag-aaral ng ano ang mga elemento ng Web-pahina, pinag-aralan nang detalyado ang kakanyahan ng basic HTML-tag. Ang ilan sa kanila na namin ang naka-quote sa itaas - sa mga partikular na mga na kung saan ang browser bumabasa ang web page header at tumutukoy kung saan ay ang pangunahing bahagi ng dokumento.

Medyo pangkaraniwan tag P. Siya, tulad ng iba pang katulad na mga elemento hypertext markup language, ay maaring mabuksan at sarado. Ang tag na ito ay nagbibigay-daan sa iyo upang i-format ang isang talata ng mga dokumento na kinunan nang hiwalay. Maaari mong, halimbawa, itakda ang isang tiyak na font at mga kulay para sa kanya. Gayunpaman, ito ay nagagawa gamit ang isang opsyonal na tag - FONT. Sa kasong ito, ito ay inilalagay sa loob ng isang talata na tumutukoy sa mga limitasyon - hindi ito ay ipamahagi ang HTML-utos ay nagpapakita ng uri ng ginustong font sa iba pang mga elemento ng web page.

Sa TALAAN tag nilikha table. Sa pamamagitan ng paraan ng kanyang kaukulang mga katangian ay maaaring matukoy ang mga kinakailangang bilang ng mga haligi at mga hilera na tukuyin ang kanilang lapad pagtitiyak hangganan, laki at kulay ng teksto sa talahanayan ng font.

IMG tag ay responsable para sa paghawak ng mga larawan browser. Posible rin upang ilagay ang iba't-ibang mga katangian na namamahala sa laki ng mga litrato, ang posisyon nito sa pahina.

Mga link sa iba pang mga dokumento ng web o mga file ay tinukoy gamit ang mga tag A. Bilang isang panuntunan, matatagpuan sa loob ng mga katangian na kumakatawan sa ang katunayan na ang istraktura ng isang pahina ng web - isang hyperlink. Ito ay din ang mga tala sa dokumento, file o website na kung saan ito ay humantong.

Circulated ng isang tag bilang FRAMESET. Gamit ito, maaari mong hatiin ang space web page sa ilang mga lugar - mga frame. Sa bawat isa sa kanila maaari mong mag-post ng mga link sa mga indibidwal na mga dokumento ng web. Iyon ay, frames payagan tama nakaposisyon sa parehong screen nang sabay-sabay ang dalawa o higit pang mga pahina.

Ang kuwento tungkol sa mga pangunahing elemento ng pahina ng Web at ang mga kasunod na kuwento ng mga paraan ng pag-format gamit ang HTML wika - tinatayang ang algorithm ay ang aming sagot sa tanong na tinanong namin ang tagasuri. Kung siya ay nagsalita sa amin, na sinasabi, "ilista ang mga pangunahing elemento ng Web-page", at pagkatapos ay kami ay gumagamit ng naaangkop na pamamaraan, kami ay may bawat pagkakataon upang bumuo ng isang tema. Iyon ay, ang terminong "mga elemento" maaari naming maunawaan ang mga key components ng isang istruktura web dokumento, o ang mga uri ng nilalaman - teksto, mga larawan, mga talahanayan, mga frame, mga link na ang webmaster ay lumilikha gamit ang isang tool tulad ng HTML wika.

Pagtitiyak ng mga kasangkapan sa web development

Sa karagdagan sa nasa itaas, maaari naming linawin kung ano ang mga tag at mga katangian na ibinigay sa pamamagitan ng mga pamantayan ng HTML - isang malaking halaga. Bilang karagdagan sa HTML karagdagang pondo pag-format ng hypertext na dokumento ay maaaring gamitin ng mga web developer. Halimbawa, ang paggamit ng JavaScript scripting wika, maaari kang lumikha ng mga dynamic na Web-pahina - iyon ay, mga na kung saan ang nilalaman ay patuloy na-update (parehong dahil sa mga aksyon ng user, at alinsunod sa mga pre-inireseta algorithm sa script).

Ito ay magiging kapaki-pakinabang upang magdagdag ng na ang mga web developer ay maaaring gumamit sa kanilang trabaho ganap programming wika, tulad ng, halimbawa, Perl, PHP, Java, Python, kung saan naging mas mas malawak na pagkakataon upang gumana sa hypertext dokumento. Ang pangangailangan para sa ito ay maaaring dahil sa ang katunayan na ang application ng teknolohiya ng web ngayon - masyadong naiiba. Ang mga gawain na nakaharap sa modernong mga developer, ay maaaring maging lubos na mahirap unawain. Halimbawa, kung minsan ito ay kinakailangan upang ipatupad ang Web-pahina translation, na nakasulat sa Russian, Ingles. Sa kasong ito, ang mga tool ng developer ay ang pinaka-magkakaibang.