Ang isang halimbawa ng isang HTML na pahina at ang mga pangunahing mga prinsipyo ng

Imbento ng maraming mga wika, ngunit ang wika ng HTML ay isa sa mga pinaka-espesyal at vosstrebovan. Dahil ito ay nagsasangkot ng isang pulutong ng iba pang mahahalagang mga hakbangin sa programming. Karamihan ay ginawa na magagamit, kapag nasa isipan ng nag-develop kasalukuyang kaalaman ng markup language - Hypertext Markup Language (HTML).

Sa katunayan, sa HTML, walang anuman mahirap, at pagkalipas ng ilang minuto ang lahat ng mga pinakamalayong mula sa programming at ang Internet tao ay matupad ang pagtatatag ng HTML-pahina sa notebook. Katangi-tanging halimbawa, pagiging simple, sa katunayan, naa-access sa lahat.

pangkalahatang paglalarawan

HTML file - isang site sa isang pahina, kahit na ito ay walang katiyakan, ngunit kung ano ang isang file sa bawat pahina, para sa isang panimula ito ay malinaw.

HTML file ay nagsisimula sa isang DOCTYPE header na tumutukoy na ang uri ng file - HTML. Ang lahat ng mga sangkap ng pahina (tag) ay ipinahiwatig sa loob ng mga braket anggulo. Ang bawat pares ( "<" at ">") ay may kasamang isang tag na HTML. Kadalasan mga tag na HTML ay pagpaparisin, iyon ay, para sa bawat «tag» Mayroon «/ tag». Ang parehong ay nakapaloob sa angle brackets. May ay isang solong tag, kung saan ang pinaka-popular «br /» - paglipat sa susunod na linya.

Ang pinakamalaking tag sa file - ito ang aking sarili HTML, na kasama lamang ng dalawang tag: ulo at katawan. Sa unang kaso, iba't ibang mga pagtutukoy ay nagpapakilala ng mga link sa iba pang may kinalaman file page ay maaaring naroroon PHP at JavaScript script. Sa pangalawang pahina na nakasulat na nilalaman. Gayundin sa anyo ng mga tag at mga script.

Simpleng HTML-page

Halimbawa ng paglikha ng naturang pahina ay nakasaad sa artikulo sa ibaba. Isaalang-alang ang mga ito nang mabuti.

seksyong HEAD

Ang pangunahing layunin HEAD tag - isang pangkalahatang paglalarawan ng pahina at ang pangkalahatang mga script, bagaman ang huli - isang kamag-anak konsepto. Karaniwan ay mayroong attaches malaking kahalagahan sa lamang sa dalawang bagay:

• keyword at paglalarawan ng mga pahina;
• mga link sa iba pang mga file (* .css at * Js).

Upang ipakita ang mga nilalaman ng mga pahina ng nilalaman ng seksyong ito ay mayroon lamang di-tuwiran kahalagahan dahil ito ay nagpapahiwatig kung saan ang ilang iba pang mga file ay may mga panuntunan CSS para sa mga tag at iba pang mga script wika.

HTML-pahina ay may pamagat (TITLE), na kung saan ay ipinapakita kapag ang isang bisita ay nagdudulot ng iyong mouse sa tab kung saan ang pahina ay binuksan. Ito ay mahalaga, dahil ito ay gumagawa ng mga pahina ng mas presentable, mas madaling sabihin, naka-sign nababasa text.

META-tag ay mga mahalaga sa web programming sa pangkalahatan, ngunit kapag ito ay kinakailangan ang paglikha ng HTML-pahina sa isang notebook, isang halimbawa ng hindi kanais-nais kalat kalabisan istraktura.

Sa LINK at SCRIPT mga link ay dapat magbayad ng espesyal na pansin. Ang unang tumutukoy sa isang lugar kung saan mayroong isang CSS stylesheet file, ang pangalawang - sa lokasyon ng JavaScript code na file. Ang ganitong mga link ay maaaring itakda.

Kung gumagamit ka ng mga script ay dapat na tratuhin bilang isang HTML kaalaman ay magiging mas malakas, dapat mong bigyang-pansin kaagad sa cascading style sheet. Ang CSS file ay, sa partikular, ang mga panuntunan ng pagpaparehistro ng HTML tags.

seksyon BODY

Sa katunayan, ang isang sample HTML na pahina - ito ay ang BODY seksyon. Ito ay dito na naglalaman ng lahat ng impormasyon, ang lahat ng mga pahina ng nilalaman. Ang lahat ng impormasyon ay iniharap sa anyo ng mga tag at mga script, tulad ng pagpasok ng isang JavaScript-code o mga piraso ng PHP-program.

Ito ay mahalaga upang mapagtanto na ang mga halimbawa ng HTML web pahina sa ang browser at ang parehong halimbawa sa isang text editor tulad ng Notepad, ito ay hindi ang parehong bagay. Sa unang kaso kami ay handa na HTML-text kung saan ang lahat ng mga script pinaandar. Halimbawa, PHP ay natupad ang kanyang bahagi at nabuo sa halip na ang code sa tamang lugar ang mga tag. JavaScript ring matupad ang misyon nito, bagaman tungkol dito upang maging isang hiwalay na pag-uusap.

HTML - ito tag sa halip ng mga script. Sa huli, tanging ang mga nilalaman ng pahina na ipinapakita sa browser, ngunit tag nito. Walang PHP-code ay hindi doon.

Ang JavaScript ay sa isang espesyal na posisyon, ang kanyang pag-aalaga - upang maghatid ng pahina, hindi lamang sa boot oras (Sobra), ngunit sa sandali kapag ang pahina ay nasa browser ng bisita, at ang pag-aaral nito.

Ang isang simpleng halimbawa ng code na HTML-page (lamang ang BODY seksyon) ay ipinapakita sa ibaba.

browser Ang isang bisita hitsura nito tulad ng ipinapakita sa ibaba.

hindi natukoy ang code ay dapat magmukhang tulad ng mga elemento na nagdala ng browser. Ang lahat ng disenyo ay makikita sa mga panuntunan CSS. Sa kasong ito, Mcss / scPhpWordRW.css file na isinangguni (tingnan. Ang napaka-unang halimbawa ng isang pahina ng HTML).

Hindi tulad ng HTML, CSS tema ay mas simple, diyan ay tunay mapupuntahan patakaran at ang kanilang mga numero ay maliit, kapag ang mga halimbawa ng paglikha ng HTML-pahina ay hindi nangangailangan ng kahit ano maliban sa notepad. Lahat ng bagay ay napaka-accessible para sa agarang pag-unlad:

Ito ay nagpapakita kung gaano kadali ito ay inilarawan tag scLogo_vDoc, at ang paglalarawan na ito ay na sa isang normal na estado ng tag ay nagpapakita ng isang larawan vDoc-logo.png, at kapag ang mouse ay higit sa ito - ipinapakita vDoc-logo-h.png.

Ang istraktura ng mga paglalarawan HTML

Wika ay hindi kasangkot sa nagdadala out ang alinman sa mga istraktura at syntax ng ang konsepto dito ay napaka-kamag-anak. Walang mga variable, ngunit may mga sobra-sobra ng mga pagkakataon. Ang pangunahing batayan ng hypertext ay na mayroong isang elemento (tag) na ay sigurado na magkaroon ng isang pangalan.

Ang pangalan ng kaso, ang mga tag na pares, binubuo ng mga pangngalang pantangi (tagName) at anggulo bracket ( «<» + tagName + «>»), kung kami ay pakikipag-usap tungkol sa simula ng tag, at «», kung naitala pagtatapos nito.

Halimbawa ng mga pahina ng HTML na naglalarawan ng mga katangian matatagpuan sa teksto sa ibaba.

Ang tag ay maaaring magkaroon ng mga katangian, pagkatapos ay ang mga ito ay ilagay sa pamamagitan ng isang puwang pagkatapos ng name tag bago ang pansarang angle bracket ">". Katangian, kung mayroon silang ang mga tag ay naitala lamang sa simula. Ang nilalaman ng mga tag ay na kung saan ay namamalagi sa pagitan ng pambukas na tag at ang dulo nito.

Kabuuang mga paglalarawan HTML na nilalaman

HTML ay nagbibigay-daan sa iyo upang ilarawan ang mga bloke at inline elemento. Una maghawak ng isang tiyak na lugar sa window ng browser ay maaaring nakaposisyon ganap na, iyon ay sa tamang lugar sa larangan ng display HTML-pahina, at magkaroon ng isang tiyak na laki.

Inline elemento sa pangkalahatan ay lilitaw sa isang thread, iyon ay, bilang ay nakasaad sa pahina ng file, at ipinapakita sa screen. Ang display ng kabuuang daloy ay maaaring maapektuhan kapag ang load ng pahina ay nangyayari. Sa kinalalagyan, visibility, at iba pang mga katangian ng mga elemento block ay maaaring maapektuhan sa anumang oras sa pamamagitan ng JavaScript-code.

Bilang karagdagan sa mga simpleng mga sangkap, HTML ay nag-aalok upang ilarawan ang mga talahanayan at mga form. Ang mga elemento ay very much in demand sa "araw-araw na site gusali."

Paglalarawan ng mesa: mga tag TALAAN, TR, td

Kapag TALAAN tag ay maaaring gamitin upang lumikha ng isang table, tukuyin ang isang bilang ng mga hilera at TR sa isang hilera para sa isang bilang ng mga TD cell. Sa kaibahan sa dati talaan ng mga organisasyon, dahil sa uri ng HTML-markup hugis ng mga talaan na organisasyon limitado sa deklarasyon na ito, dahil kung ang developer ay nais na magkaroon ng isang parihabang mesa na kung saan ang bilang ng mga hanay sa lahat ng mga hilera ng parehong, at pagkatapos ay dapat sundin ito na ang para sa iyong sarili.

Ang prinsipyo posisyon ng HTML: gawin ang anumang ay, ngunit wala na hindi maintindihan. Sa ilang mga kaso ito ay hindi kaya mahalaga sa bilang ng mga haligi sa bawat hilera ng talahanayan, ngunit kung nais mong magsagawa ng merge cell nang pahalang o patayo, ito ay kinakailangan upang bilangin ang lahat ng tunay mabuti.

Halimbawa ng mga HTML na pahina na may isang paglalarawan ng isang simpleng mesa graphically ipinapakita sa mga artikulo.

Narito ang isang talahanayan na nagpapakita ng laki ng tatlong mga hilera sa pamamagitan ng tatlong mga haligi, na may unang hilera tag TH ay ginagamit sa halip ng TD tag - header ng hanay. Lalo na nakikilala ang dalawang mga tag ay hindi na, ngunit ito ay posible na gamitin ang unang upang makilala sa pagitan ng ang unang hilera ng talahanayan, at sa CSS upang TH, maaari mong ilakip ang iyong sariling estilo, na distinguishes ito mula sa iba pang TD.

Paglalarawan form: FORM tag, INPUT

Form - ito ay ang pinaka-demanded bahagi ng HTML-tag. Gamit ang mga form ay maaaring magpadala ng impormasyon. Sa totoo lang, ang pahina - ang display na ito ng impormasyon, ngunit ang form na - input.

Halimbawa ng mga HTML na pahina na may isang paglalarawan ng isang simpleng form:

Gumagamit ng mga form marami pang iba, ngunit ang mga pangunahing tampok ay ang mga sumusunod. Maaari mong tukuyin ang input field, kailangan mong magtalaga ng mga ito upang mag-disenyo at handler ng kaganapan para sa pagtatasa ng mga user input. Maaari mong tukuyin ang isang nakatagong field at magpadala ng impormasyon mula sa background ng pahina. Maaari kang magtalaga pindutan impormasyon na transmisyon, pagpindot na nagpasimula ng proseso ng data transfer.

Paggamit ng HTML

Upang malaman hypertext wika - isang kailangang kondisyon para sa anumang trabaho pagdadalubhasa sa larangan ng Internet programming, ngunit kung nais mong magsulat ng isang programa sa PHP o JavaScript, at pagkatapos ay alam HTML + CSS na kailangan lubos.

PHP wika ay nakilala sa nakaraang halimbawa. PHP ay tumatakbo sa sa server, dahil ang isang pahina na may form na ito flew mula sa server sa browser gamit ang mga patlang na puno. Sa partikular, TestOnBlur function na binanggit sa tag INPUT (onblur kaganapan handler), nakatanggap ng lahat ng mga parameter sa anyo ng mga patlang ng teksto.

Ang browser ay tumatakbo JavaScript, at maayos na nagtrabaho data magpadala ng button pabalik sa server, iyon ay, disenyo :. Onclick = jQuery ( '# upang') val ( 'cart'), ito ay kinakailangan upang malaman hindi lamang tungkol sa kung ano ang jQuery, ngunit kung ano ang #to, val, cart. Higit pang mga tiyak, ito ay kinakailangan upang malaman ang basic HTML mga tag at ang pangkalahatang tuntunin pagsasagawa sa kanila ng mga estilo ng CSS.

Ito ay sapat na upang mabilis na taasan ang kwalipikasyon ng anumang pagdadalubhasa sa larangan ng Internet programming.