Yon egzanp sou yon paj HTML ak prensip debaz yo nan

Envante plizyè lang, men lang lan nan HTML se youn nan espesyal ki pi ak vosstrebovan. Depi li enplike nan yon anpil nan lòt inisyativ kle nan pwogramasyon. Anpil se te fè ki disponib, lè nan lespri yo nan pwomotè konesans nan prezan nan lang markeup - ipèrtèkst markeup lang (HTML).

An reyalite, nan HTML, pa gen anyen difisil, ak nan yon kèk minit tout pi lwen an soti nan pwogram lan ak moun sa yo sou Entènèt pral satisfè etablisman an nan HTML-paj nan kaye nòt la. egzanp enpòtan pou remake, senplisite, tout bon, aksesib a tout moun.

deskripsyon jeneral

HTML dosye - yon kote ki gen yon paj, byenke sa a se kontèstabl, men ki sa ki yon sèl dosye pou chak paj, pou yon kòmanse li se klè.

dosye HTML kòmanse ak yon header Doktip ki espesifye ki kalite a nan dosye a - HTML. Tout eleman paj (Tags) yo endike nan parantèz ang. Chak pè ( "<" ak ">") an gen ladan yon HTML tag. Anjeneral HTML Tags yo pè, se sa ki, pou chak «tag» gen «/ tag». Tou de yo fèmen nan parantèz ang. Gen yon tag sèl, nan ki pi popilè «br /» - tranzisyon an nan liy kap vini an.

tag nan pi gwo nan dosye a - li tèt mwen HTML, ki gen ladan sèlman de tag: HEAD ak kò. Nan pwemye ka a, diferan spesifikasyon yo indicative de lyen ki mennen nan lòt dosye paj enpòtan yo kapab prezan PHP ak JavaScript Scripts. Nan dezyèm paj kontni an ekri. Epitou nan fòm lan nan Tags ak Scripts.

Senp HTML-paj

se Egzanp nan kreye pi paj sa yo endike nan atik ki anba a. Konsidere li ak anpil atansyon.

HEAD seksyon

prensipal Tag nan bi HEAD - yon deskripsyon jeneral nan paj la epi Scripts yo jeneral, byenke lèt la - jis yon konsèp manm fanmi. Anjeneral gen atache konsiderab enpòtans a sèlman de bagay sa yo:

• mo kle ak deskripsyon nan paj la;
• lyen ki mennen nan lòt dosye (* .css ak .js *).

Montre sa ki ekri nan kontni an paj nan seksyon sa a gen enpòtans sèlman endirèk paske li endike kote kèk lòt dosye gen règ CSS pou Tags ak lòt Scripts lang.

HTML-paj te gen yon tit (TIT), ki se parèt lè yon vizitè pote sourit ou a sou tab la ki kote paj la louvri. Sa a se enpòtan, paske li fè paj la pi plis prezantab, pi fasil yo di, ki te siyen lizib tèks.

META-Tags yo enpòtan nan pwogram entènèt nan jeneral, men lè li se oblije kreyasyon an HTML-paj nan yon kaye, yon egzanp nan endezirab dezord estrikti redondants.

Sou lyen an ak Scripts lyen ta dwe peye atansyon espesyal. Premye a refere a yon kote kote ki gen yon dosye CSS stylesheet, dezyèm lan - kote adrès la nan dosye a JavaScript-kòd. lyen sa yo ka mete.

Si ou itilize Scripts yo ta dwe trete kòm yon konesans HTML ap vin pi fò, ou ta dwe peye atansyon imedyatman sou fèy papye style kaskad. Dosye yo CSS yo, an patikilye, règleman yo nan enskripsyon nan Tags HTML.

seksyon BODY

An reyalite, yon HTML paj echantiyon - sa a se seksyon nan kò. Li se isit la ki gen tout enfòmasyon ki, nan tout paj la kontni. Tout enfòmasyon ki prezante nan fòm lan nan Tags ak Scripts, tankou mete yon JavaScript-Kòd oswa moso nan-pwogram nan PHP.

Li enpòtan reyalize ke egzanp lan nan paj wèb HTML nan navigatè a ak egzanp lan menm nan yon editè tèks tankou Notepad, sa a se pa menm bagay la. Nan pwemye ka a nou pare HTML-tèks nan kote tout Scripts yo egzekite. Pou egzanp, PHP te rive vre pati li yo ak fòme olye pou yo kòd la nan kote ki dwat etikèt yo. JavaScript tou rive vre misyon li, menm si sou li ankò yo dwe yon konvèsasyon ki apa a.

HTML - li Tags olye pou yo Scripts. Alafen, se sèlman sa ki ekri nan paj la parèt nan navigatè a, men tag li yo. Pa gen PHP-kòd se pa la.

JavaScript se nan yon pozisyon espesyal, swen l '- yo sèvi paj la, pa sèlman nan tan bòt (Surcharge), men nan moman yo lè paj la se nan navigatè vizitè a nan, ak syans yo li.

Yon egzanp ki senp nan kòd HTML-paj se (sèlman seksyon an BODY) montre anba a.

navigatè Yon vizitè a li sanble menm jan yo montre anba a.

pa te espesifye nan kòd la ta dwe gade tankou eleman yo ki te fè navigatè a. Tout konsepsyon se vizib nan règ yo CSS. Nan ka sa a, Mcss / dosye scPhpWordRW.css ki te referans (wè. Egzanp lan trè premye nan yon HTML paj).

Kontrèman ak HTML, tèm CSS se senp, gen règ trè aksesib ak nimewo yo se piti, lè egzanp lan nan kreyasyon an nan HTML-paj pa mande pou anyen lòt pase Notepad. Tout se trè aksesib pou devlopman imedya:

Sa a montre kouman li fasil se dekri scLogo_vDoc tag, ak deskripsyon sa a se ke nan yon eta nòmal nan tag a montre yon foto vDoc-logo.png, ak lè sourit la se sou li - parèt vDoc-logo-H.png.

Estrikti a nan deskripsyon yo HTML

Lang pa enplike pote soti nenpòt nan estrikti a ak sentaks nan konsèp la isit la se trè relatif. Pa gen okenn varyab, men gen anpil nan opòtinite. Baz la fondamantal nan ipèrtèks se ke gen se yon eleman (tag) ki se asire w ke gen yon non.

Non a nan ka a, pè a tag, ki konpoze de non apwopriye (tagName) ak parantèz ang ( «<» + tagName + «>»), si nou ap pale sou nan konmansman an nan tag a, ak «», si anrejistre fen li yo.

Egzanp nan paj HTML dekri atribi ki chita nan tèks ki anba a.

Tag nan ka gen atribi, lè sa a yo yo mete nan yon espas apre non an tag anvan fèmen ang bracket a ">". Atribi, si yo gen se tag a anrejistre sèlman nan kòmansman an. Kontni an nan tag a se ke ki bay manti ant tag nan kòmansman ak nan fen a nan li.

Total deskripsyon HTML kontni

HTML pèmèt ou dekri blòk ak aliye eleman yo. Premye rete nan ka yon sèten zòn nan fenèt navigatè a ap pozisyone absoliman, se sa ki nan plas la dwat nan jaden an nan ekspozisyon HTML-paj, epi yo gen yon gwosè espesifik.

eleman Inline jeneralman parèt youn fil, se sa ki, jan sa te ekri nan dosye a paj, ak parèt sou ekran an. ka ekspozisyon an nan koule nan total dwe enfliyanse lè chay la paj rive. Sou plasman, vizibilite, ak lòt pwopriyete nan eleman yo blòk ka enfliyanse nan nenpòt ki lè atravè JavaScript-kòd.

Anplis de sa nan eleman yo ki senp, HTML ofri a dekri tab yo ak fòm. Eleman sa yo se anpil nan demann nan "bilding nan sit chak jou."

Deskripsyon nan tab: tab la Tags, TR, TD

Lè ka tag TABLE dwe itilize yo kreye yon tab, presize yon kantite ranje ak TR nan yon ranje pou yon nimewo nan selil TD. Nan contrast nan tab la abityèl òganizasyon nan, akòz òganizasyon an nati HTML-markeup tabulaire limite a sa sèlman deklarasyon sa a, paske si pwomotè a vle gen yon tab rektangilè nan ki kantite kolòn nan tout ranje nan menm bagay la, lè sa a li dwe swiv ki pou tèt ou.

Pozisyon nan rasyonèl nan HTML: fè tou sa se, men pa gen anyen ki pa konprann. Nan kèk ka li se pa tèlman enpòtan nan nimewo a nan kolòn nan chak ranje nan tablo a, men si ou vle fè yon selil unifye orizontal oswa vètikal, li nesesè yo konte tout trè ak anpil atansyon.

Egzanp HTML paj ki gen yon deskripsyon nan yon tab senp grafikman montre nan atik la.

Isit la se yon tab ki montre gwosè a nan twa ranje pa twa kolòn, épi mo klé ranje premye TH te itilize olye pou yo tag TD - header nan kolòn. Patikilyèman distenge de balises sa yo pa gen, men li se posib yo sèvi ak premye a nan distenge premye ranje a nan tablo a, ak nan CSS TH, ou ka tache style pwòp ou a, ki fè distenksyon li nan men lòt TD.

Deskripsyon fòm: FÒM tag, OPINYON

Fòm - sa a se pati ki pi mande nan HTML-Tags yo. Lè l sèvi avèk fòm ka transmèt enfòmasyon. Aktyèlman, paj la - sa a enfòmasyon ekspozisyon, men fòm nan - opinyon.

Egzanp HTML paj ki gen yon deskripsyon nan yon fòm senp:

Li sèvi ak nan fòm pi plis, men karakteristik yo ki prensipal yo se jan sa a. Ou ka presize jaden an opinyon, ou bezwen bay yo nan konsepsyon ak pòtè evènman pou analiz la nan opinyon itilizatè. Ou ka presize yon jaden kache epi transmèt enfòmasyon ki soti nan background nan paj. Ou ka deziyen bouton transmisyon enfòmasyon, peze ki inisye pwosesis la done transfè.

Lè l sèvi avèk HTML

Pou konnen lang ipèrtèks - yon kondisyon endispansab pou nenpòt ki espesyalizasyon travay nan jaden an nan pwogram entènèt, men si ou vle ekri yon pwogram nan PHP oswa JavaScript, n'a konnen lè HTML + CSS bezwen pafètman.

te ak lang PHP te idantifye nan egzanp lan anvan yo. PHP kouri sou sèvè a, paske yon paj ki gen fòm sa a te pran vòl soti nan sèvè a nan navigatè a ak jaden yo plen vant yo. An patikilye, fonksyon TestOnBlur mansyone nan D 'a tag (kap okipe-evènman onblur), te resevwa tout paramèt yo nan fòm lan nan jaden yo tèks.

Navigatè a kouri JavaScript, ak byen te travay done voye bouton tounen nan sèvè a, se sa ki, konsepsyon :. onclick = jQuery ( '# nan') Val ( 'kabwa'), li nesesè konnen pa sèlman sou sa jQuery a, men sa ki #to, Val, kabwa. Plis jisteman, li nesesè konnen etikèt yo HTML debaz ak règleman yo jeneral aplike yo estil yo CSS.

Sa a se ase byen vit ogmante kalifikasyon an nan nenpòt ki espesyalizasyon nan zòn nan nan pwogram entènèt.