Usa ka panig-ingnan sa usa ka panid nga HTML ug sa nag-unang mga baruganan sa

Imbento sa daghan nga mga pinulongan, apan ang pinulongan sa HTML mao ang usa sa labing espesyal ug vosstrebovan. Tungod kay kini naglakip sa usa ka daghan sa uban pang mga yawe nga mga inisyatibo diha sa programa. Daghan ang magamit, sa diha nga sa mga hunahuna sa mga developer karon kahibalo sa markup pinulongan - HyperText markup Language (HTML).

Sa pagkatinuod, sa HTML, walay bisan unsa nga malisud, ug sa pipila ka minutos sa tanan nga ang labing layo nga gikan sa programming ug sa Internet katawhan sa pagtuman sa pagtukod sa HTML-mga panid sa notebook. Makaiikag mga panig-ingnan, kayano, sa pagkatinuod, accessible sa tanan.

kinatibuk-ang paghulagway

HTML file - sa usa ka sa usa ka panid nga site, bisan kini mao ang debatable, apan unsa ang usa ka file sa matag panid, alang sa usa ka magsugod kini mao ang tin-aw.

HTML file nagsugod sa usa ka DOCTYPE header nga naghisgot nga ang matang sa mga file - HTML. Ang tanan nga panid elemento (tags) gipakita sulod sa anggulo brackets. Ang matag parisan ( "<" ug ">") naglakip sa usa ka tag HTML. Kasagaran HTML tag mga gikauban, nga mao, alang sa matag «tag» adunay «/ tag». Ang duha gilibotan sa anggulo brackets. Adunay usa ka ka tag, nga ang labing popular nga «br /» - transisyon ngadto sa sunod nga linya.

Ang pinakadako nga tag diha sa file - kini sa akong kaugalingon HTML, nga naglakip sa duha lamang ka tag: ULO ug LAWAS. Sa unang kaso, lain-laing mga paghingalan mga nagpaila sa links sa ubang importante nga files panid mahimong karon PHP ug JavaScript script. Sa ikaduha nga pahina nga gisulat sulod. Usab sa dagway sa mga tags ug sa sinulatan.

Yano nga HTML-panid

Panig-ingnan sa pagmugna sa maong panid gipakita diha sa artikulo sa ubos. Hunahunaa kini pag-ayo.

seksyon ULO

Ang nag-unang katuyoan sa ULO tag - sa usa ka kinatibuk-ang paghulagway sa mga panid ug sa kinatibuk-ang sinulatan, bisan pa sa ulahing - lang sa usa ka paryente nga konsepto. Kasagaran adunay motapot dakong importansya sa lamang sa duha ka butang:

• keywords ug paghulagway sa panid;
• links sa ubang files (* .css ug .js).

Aron ipakita ang sulod sa panid sulod sa niini nga seksyon adunay lamang sa dili direkta nga importansya tungod kay kini nagpakita sa diin ang pipila sa ubang mga files adunay mga lagda CSS alang sa tags ug sa ubang mga alpabeto pinulongan.

HTML-panid nga adunay usa ka titulo (TITLE), nga gipakita sa diha nga ang usa ka bisita magdala sa imong mouse sa ibabaw sa tab diin ang pahina nga giablihan. Kini mao ang importante, tungod kay kini naghimo sa pahina labi pa nga presentable, mas sayon sa pag-ingon, nga gipirmahan mabasa nga teksto.

Meta-tag sa mga importante sa web programming sa kinatibuk-an, apan sa diha nga kini gikinahanglan sa paglalang sa HTML-mga panid sa usa ka notebook, usa ka panig-ingnan sa dili maayong kalat sagipo istruktura.

Sa LINK ug Script sumpay kinahanglan nga mobayad sa espesyal nga pagtagad. Ang unang nagtumong sa usa ka dapit diin adunay usa ka CSS stylesheet file, ang ikaduha - sa nahimutangan sa mga JavaScript-code file. Ang maong sumpay mahimong gibutang.

Kon ikaw sa paggamit sa scripts kinahanglan nga pagtagad sama sa usa ka HTML nga kahibalo mas lig-on, kamo kinahanglan nga mobayad sa pagtagad diha-diha dayon sa misulti estilo sheets. Ang CSS file, sa partikular, ang mga lagda sa registration sa HTML tags.

seksyon LAWAS

Sa pagkatinuod, ang usa ka sample panid HTML - kini mao ang lawas nga seksyon. Kini mao ang dinhi nga naglakip sa tanan nga mga impormasyon, ang tanan nga mga panid sulod. Ang tanan nga impormasyon nga gipresentar diha sa porma sa mga tags ug sa sinulatan, sama sa pagsal-ot sa usa ka JavaScript-code o mga piraso sa PHP-programa.

Kini mao ang importante nga makaamgo nga ang panig-ingnan sa HTML mga panid sa web sa browser ug sa mao usab nga panig-ingnan sa usa ka teksto editor sama sa notepad, kini dili mao ang sama nga butang. Sa unang kaso kita andam HTML-text nga ang tanan nga mga sinulatan gipatay. Pananglitan, PHP nagtuman sa iyang bahin, ug ang nag-umol sa baylo nga sa mga code sa husto nga mga dapit sa mga tag. JavaScript usab matuman ang iyang misyon, bisan tuod mahitungod niini pa nga usa ka lahi nga panag-istoryahanay.

HTML - kini tag ilis sa sinulatan. Sa katapusan, lamang sa sulod sa panid nga gipakita diha sa browser, apan tag niini. Walay PHP-code mao ang wala didto.

JavaScript anaa sa usa ka espesyal nga posisyon, ang iyang pag-atiman - sa pag-alagad sa mga panid, dili lamang sa boot panahon (overload), apan diha sa mga gutlo nga sa diha nga ang panid anaa sa browser sa bisita, ug ang mga pagtuon sa niini.

Usa ka yano nga panig-ingnan sa code HTML-panid (lamang ang LAWAS seksyon) ang gipakita sa ubos.

browser sa usa ka bisita ni tan-awon kini nga ingon sa gipakita sa ubos.

wala bungat sa code kinahanglan nga tan-awon sama sa mga elemento nga nagdala sa browser. Ang tanan nga disenyo makita diha sa mga lagda sa CSS. Sa kini nga kaso, Mcss / scPhpWordRW.css file nga pakisayran (tan-awa sa. Ang unang panig-ingnan sa usa ka pahina HTML).

Dili sama sa HTML, CSS tema mao ang simple, adunay kaayo accessible lagda ug ang ilang gidaghanon mao ang gamay nga, sa diha nga ang panig-ingnan sa mga binuhat sa HTML-mga panid wala magkinahanglan sa bisan unsa sa uban nga kay sa notepad. Ang tanang mga butang mao ang kaayo accessible alang sa diha-diha nga kalamboan:

Kini nagpakita kon unsa ka sayon kini gihulagway tag scLogo_vDoc, ug kini nga paghulagway mao nga sa usa ka normal nga kahimtang sa mga tag nagpasundayag sa usa ka hulagway vDoc-logo.png, ug sa diha nga ang mouse mao ang sa ibabaw niini - gipakita vDoc-logo-h.png.

Ang istruktura sa paghulagway HTML

Pinulongan wala naglakip sa pagtuman sa bisan unsa sa mga gambalay ug syntax sa konsepto dinhi mao ang kaayo paryente. Walay mga baryable, apan adunay daghang mga oportunidad. Ang sukaranan nga sukaranan sa hypertext mao nga adunay usa ka elemento (tag) nga mao ang sigurado nga adunay usa ka ngalan.

Ang ngalan sa kaso, ang tag paris, nga gilangkuban sa hustong mga ngalan (tagName) ug anggulo brackets ( «<» + tagName + «>»), kon kita sa paghisgot mahitungod sa sinugdanan sa tag, ug «», kon natala ang katapusan.

Panig-ingnan sa mga panid HTML nga naghulagway hiyas nga nahimutang diha sa teksto sa ubos.

Ang tag makabaton hiyas, nan sila gibutang pinaagi sa usa ka luna human sa tag sa ngalan sa atubangan sa panapos nga anggulo bracket ">". Mga kinaiya, kon sila adunay tag nasulat lamang sa sinugdanan. Ang sulod sa tag mao nga anaa sa taliwala sa sa pagsugod tag ug sa katapusan niini.

Total paghulagway HTML sulod

HTML nagtugot kaninyo sa paghulagway sa block ug sa inline elemento. Una okupar sa usa ka dapit sa bintana browser mahimong posisyon hingpit, nga anaa sa husto nga dapit sa kapatagan sa display HTML-mga panid, ug sa usa ka piho nga gidak-on.

Inline elemento sa kinatibuk makita sa usa ka lugas nga hilo, nga mao, ingon sa gipahayag sa panid file, ug gipakita sa screen. Ang pagpasundayag sa mga kinatibuk-ang dagan mahimong nakaimpluwensya sa diha nga ang panid load mahitabo. Sa placement, visibility, ug uban pang mga kabtangan sa mga elemento block mahimong naimpluwensiyahan sa bisan unsang panahon pinaagi sa JavaScript-code.

Dugang pa sa mga yano nga mga elemento, HTML nagtanyag sa paghulagway sa mga lamesa ug mga porma. Kini nga mga mga elemento mao ang kaayo sa panginahanglan sa "adlaw-adlaw nga site building."

Paghulagway sa lamesa: tag TALAAN, TR, TD

Sa diha nga TALAAN tag mahimong gamiton sa paghimo sa usa ka lamesa, hingalan sa usa ka gidaghanon sa mga laray nga gihulma ug sa nagakurog sa usa ka talay sa usa ka gidaghanon sa mga TD mga selula. Sukwahi sa naandan nga lamesa sa organisasyon, tungod sa kinaiya HTML-markup tabular organisasyon limitado sa deklarasyon niini, tungod kay kon ang developer gusto nga adunay usa ka rectangular lamesa diin ang gidaghanon sa mga haligi sa tanan nga laray nga gihulma sa mao gihapon, nan kinahanglan nga mosunod niini nga alang sa imong kaugalingon.

Ang prinsipyong posisyon sa HTML: pagbuhat sa bisan unsa, apan walay bisan unsa nga wala nasabtan. Sa pipila ka mga kaso nga kini mao ang dili importante kaayo sa gidaghanon sa mga haligi sa matag laray sa lamesa, apan kon kamo gusto sa pagbuhat sa usa ka iusa mga selula horizontally o vertically, kini mao ang gikinahanglan nga sa nga maisip ang tanan pag-ayo.

Panig-ingnan HTML panid uban sa usa ka paghulagway sa usa ka yano nga lamesa tin-aw nga gipakita diha sa artikulo.

Ania ang usa ka lamesa nga nagpakita sa gidak-on sa totolo ka talay sa tulo ka mga haligi, uban sa unang laray tag TH gigamit inay sa TD tag - ang header kolum. Ilabi mailhan kini nga mga duha ka tag wala, apan kini mao ang posible nga sa paggamit sa unang pag-ila tali sa unang laray sa lamesa, ug sa CSS sa TH, nga imong mahimo padapat, patampo sa inyong kaugalingon nga estilo, nga nakapalahi niini gikan sa uban nga mga TD.

Description porma: FORM tag, input

Form - kini mao ang labing nangutana bahin sa HTML-tag. Pinaagi sa paggamit sa mga porma nga mahimo padala impormasyon. Sa pagkatinuod, sa pahina - kini display nga impormasyon, apan ang porma - input.

Panig-ingnan HTML panid uban sa usa ka paghulagway sa usa ka yano nga porma:

Naggamit sa sa mga matang sa daghan nga labaw pa, apan ang nag-unang mga bahin mao ang mosunod. Ikaw mahimo hingalan sa input kapatagan, kamo kinahanglan nga assign sila sa pagdisenyo ug handlers event alang sa pagtuki sa mga user input. Ikaw mahimo hingalan sa usa ka tinago nga uma ug padala sa impormasyon gikan sa background panid. Ikaw mahimo pagpaila button sa impormasyon transmission, dinalian nga nagpasiugda sa proseso sa data transfer.

Pinaagi sa paggamit sa HTML

Aron masayud hypertext pinulongan - usa ka importante nga nga kahimtang alang sa bisan unsa nga buhat specialization sa kapatagan sa Internet programming, apan kon kamo gusto sa pagsulat sa usa ka programa sa PhP o JavaScript, unya masayud HTML + CSS kinahanglan hingpit.

PHP pinulongan nga giila sa miaging panig-ingnan. PHP midagan sa server, tungod kay sa usa ka panid sa porma niini nga milupad gikan sa server ngadto sa browser sa mga uma nga puno. Sa partikular, TestOnBlur gimbuhaton nga gihisgotan sa tag input (onblur event handler), nakadawat sa tanan nga mga lantugi diha sa porma sa mga uma nga teksto.

browser Ang midagan JavaScript, ug sa husto nga paagi nagtrabaho data ipadala button balik ngadto sa server, nga mao, ang disenyo :. Onclick = jQuery ( '# sa') val ( 'carromata'), kini mao ang gikinahanglan nga mahibalo dili lamang mahitungod sa kon unsa ang jQuery, apan unsa #to, val, carromata. Mas tukma, kini mao ang gikinahanglan nga mahibalo sa nag-unang mga HTML tags ug sa kinatibuk lagda sa pagpadapat kanila sa mga estilo CSS.

Kini mao ang igo sa madali pagpataas sa kuwalipikasiyon sa bisan unsa nga specialization sa dapit sa Internet programming.