Enghraifft o dudalen HTML ac egwyddorion sylfaenol

Dyfeisio llawer o ieithoedd, ond mae'r iaith HTML yw un o'r rhai mwyaf arbennig a vosstrebovan. Gan ei fod yn cynnwys llawer o fentrau allweddol eraill mewn rhaglenni. Mae llawer ar gael, pan ym meddyliau'r y datblygwr gwybodaeth presennol o iaith markup - HyperText Markup Language (HTML).

Yn wir, yn HTML, nid oes dim yn anodd, ac mewn ychydig funudau bob fwyaf pell o'r rhaglennu a'r Rhyngrwyd bobl fydd yn cyflawni sefydlu HTML-tudalennau yn y llyfr nodiadau. enghreifftiau nodedig, symlrwydd, yn wir, yn hygyrch i bawb.

disgrifiad cyffredinol

ffeil HTML - safle un dudalen, er bod hyn yn ddadleuol, ond yr hyn sy'n un ffeil bob tudalen, am gychwyn mae'n amlwg.

ffeil HTML yn dechrau gyda pheniad DOCTYPE sy'n nodi bod y math o ffeil - HTML. Mae pob elfen dudalen (tagiau) yn cael eu nodi o fewn y cromfachau ongl. Pob pâr ( "<" a ">") yn cynnwys un HTML tag. Fel arfer tagiau HTML yn cael eu paru, hynny yw, ar gyfer pob «tag» wedi «/ tag». Mae'r ddau yn cael eu hamgáu mewn cromfachau ongl. Mae tag sengl, y mae'r «br /» mwyaf poblogaidd - trosglwyddo i'r llinell nesaf.

Mae'r tag mwyaf yn y ffeil - mae'n fy hun HTML, sy'n cynnwys dim ond dau tag: PENNAETH a CORFF. Yn yr achos cyntaf, manyleb gwahanol yn arwydd o gysylltiadau i ffeiliau dudalen berthnasol arall a allai fod yn bresennol PHP a sgriptiau JavaScript. Yn cynnwys ysgrifenedig ail dudalen. Hefyd yn y ffurf tagiau a sgriptiau.

Syml HTML-dudalen

Enghraifft o greu tudalen o'r fath yn cael ei nodi yn yr erthygl isod. Ystyriwch yn ofalus.

adran PENNAETH

Prif bwrpas HEAD tag - disgrifiad cyffredinol y dudalen a sgriptiau cyffredinol, er bod yr olaf - dim ond yn gysyniad cymharol. Fel arfer mae rhoi cryn bwys ar dim ond dau beth:

• keywords a disgrifiad o'r dudalen;
• dolenni i ffeiliau eraill (* .css a .js *).

I ddangos cynnwys y dudalen gynnwys yr adran hon mae pwysigrwydd unig anuniongyrchol oherwydd ei fod yn dangos lle mae rhai ffeiliau eraill reolau CSS ar gyfer tagiau ac ieithoedd sgriptiau eraill.

HTML-dudalen deitl (TEITL), sy'n cael ei arddangos pan fydd ymwelydd yn dod eich llygoden dros y tab lle mae'r dudalen yn cael ei agor. Mae hyn yn bwysig, gan ei fod yn gwneud y dudalen yn llawer mwy yn drwsiadus, yn haws i'w ddweud, wedi'i lofnodi testun yn ddarllenadwy.

META-tagiau yn bwysig mewn rhaglenni ar y we yn gyffredinol, ond pan fydd ei angen gweithredu HTML-tudalennau creu mewn llyfr nodiadau, yn enghraifft o strwythurau segur annibendod annymunol.

Ar y LINK a chysylltiadau SGRIPT dylai roi sylw arbennig. Mae'r cyntaf yn cyfeirio at fan lle mae ffeil arddull CSS, yr ail - lleoliad y ffeil JavaScript-god. Gall cysylltiadau o'r fath yn cael eu gosod.

Os ydych yn defnyddio y dylid sgriptiau gael eu trin fel gwybodaeth HTML yn dod yn gryfach, dylech dalu sylw ar unwaith ar daflenni arddull rhaeadrol. Mae'r ffeiliau CSS yn, yn arbennig, y rheolau cofrestru tagiau HTML.

adran CORFF

Yn wir, mae HTML dudalen sampl - mae hyn yn yr adran CORFF. Mae'n fan hyn sy'n cynnwys y wybodaeth i gyd, pob un o'r dudalen gynnwys. Mae'r holl wybodaeth yn cael ei chyflwyno ar ffurf tagiau a sgriptiau, megis mewnosod JavaScript-god neu ddarnau o PHP-raglen.

Mae'n bwysig sylweddoli bod yr enghraifft o dudalennau gwe HTML yn y porwr a'r un enghraifft mewn golygydd testun fel notepad, nid yw hyn yr un peth. Yn yr achos cyntaf rydym yn barod HTML-destun lle mae'r holl sgriptiau dienyddio. Er enghraifft, PHP wedi cyflawni ei ran a ffurfiwyd yn lle y cod yn y lleoedd cywir y tagiau. JavaScript hefyd cyflawni ei genhadaeth, er am y peth eto i fod yn sgwrs ar wahân.

HTML - mae'n tagiau yn lle sgriptiau. Yn y pen draw, dim ond cynnwys y dudalen a ddangosir yn y porwr, ond mae ei tag. Dim PHP-god yno.

JavaScript mewn sefyllfa arbennig, ei ofal - i wasanaethu'r dudalen, nid yn unig amser ymgychwyn (gorlwytho), ond yn y eiliadau pan fydd y dudalen yn porwr yr ymwelydd, ac mae'r astudiaethau hynny.

Mae enghraifft syml o god HTML-dudalen (dim ond y rhan CORFF) yn cael ei ddangos isod.

porwr ymwelydd ei fod yn edrych fel y dangosir isod.

Ni nodir yn y cod dylai edrych fel yr elfennau a ddaeth y porwr. Mae pob cynllun yn weladwy yn y rheolau CSS. Yn yr achos hwn, Mcss ffeil scPhpWordRW.css / a oedd cyfeiriwyd (gweler. Yr enghraifft cyntaf o HTML dudalen).

Yn wahanol i HTML, CSS thema yn symlach, mae rheolau hygyrch iawn ac mae eu rhif yn fach, pan nad yw'r enghraifft o HTML-tudalennau creu oes angen unrhyw beth ar wahân notepad. Mae popeth yn hygyrch iawn ar gyfer datblygu ar unwaith:

Mae hyn yn dangos pa mor hawdd y mae'n ei ddisgrifio scLogo_vDoc tag, a disgrifiad hwn yw bod mewn cyflwr arferol y tag yn arddangos llun vDoc-logo.png, a phan fydd y llygoden dros hynny - arddangos vDoc-logo-h.png.

Mae strwythur y disgrifiadau HTML

Nid yw Iaith yn golygu cyflawni unrhyw un o'r strwythur a chystrawen y cysyniad yma yn gymharol iawn. Nid oes unrhyw newidynnau, ond mae digon o gyfleoedd. Mae sail sylfaenol hyperdestun yw bod elfen (tag) sydd yn sicr o gael enw.

Mae enw'r yr achos, y pâr tag, sy'n cynnwys enwau priod (tagName) a bracedi ongl ( «<» + tagName + «>»), os ydym yn sôn am gychwyn y tag, a «», os cofnodwyd ei ben.

Enghraifft o dudalennau HTML disgrifio priodoleddau lleoli yn y testun isod.

Mae'r tag gael priodoleddau, yna maent yn cael eu rhoi drwy ofod ar ôl enw'r tag cyn cau ongl braced ">". Priodoleddau, os oes ganddynt y tag yn cael ei gofnodi yn unig ar y dechrau. Mae cynnwys y tag yw bod sy'n gorwedd rhwng y tag dechrau a diwedd iddo.

Cyfanswm disgrifiadau cynnwys HTML

HTML yn eich galluogi i ddisgrifio'r elfennau bloc a inline. Yn gyntaf meddiannu Gall ardal benodol yn y ffenestr porwr wedi ei osod yn gwbl, sydd yn y lle iawn ar yr maes arddangos HTML-tudalennau, ac mae ganddynt faint penodol.

elfennau Inline gyffredinol yn ymddangos yn un edau, hynny yw, fel y nodwyd yn y ffeil dudalen, ac yn arddangos ar y sgrin. Gellir arddangos gyfanswm llif yn cael ei ddylanwadu pan fydd y llwyth dudalen digwydd. Ar leoliad, gwelededd, ac eiddo eraill o'r elfennau bloc gellir dylanwadu ar unrhyw adeg wrth ddefnyddio Javascript-god.

Yn ogystal â'r elfennau syml, HTML yn cynnig i ddisgrifio'r tablau a ffurflenni. Mae'r elfennau hyn yn fawr iawn yn y galw yn y "adeilad y safle bob dydd."

Disgrifiad o'r tabl: TABL tagiau, TR, TD

Pryd y gall tag TABL cael ei ddefnyddio i greu tabl, pennu nifer o resi a TR yn olynol am nifer o gelloedd TD. Yn wahanol i'r tabl arferol o sefydliad, oherwydd natur sefydliad tablau HTML-markup gyfyngu i datganiad hwn, oherwydd os bydd y datblygwr yn awyddus i gael tabl hirsgwar lle mae nifer o golofnau yn yr holl rhesi o yr un fath, yna rhaid iddo ddilyn hynny i chi eich hun.

Mae'r sefyllfa egwyddorol o HTML: gwneud beth bynnag yw, ond dim byd nad yw'n cael ei ddeall. Mewn rhai achosion, nid yw mor bwysig i nifer o golofnau ym mhob rhes y tabl, ond os ydych am i berfformio gelloedd uno yn llorweddol neu'n fertigol, mae angen i gyfrif yr holl ofalus iawn.

Enghraifft HTML dudalen gyda disgrifiad o'r tabl syml a ddangosir ar ffurf graff yn yr erthygl.

Dyma dabl sy'n dangos maint y tair rhes erbyn tair colofn, gyda'r tag rhes gyntaf oedd TH defnyddio yn lle tag TD - y pennawd colofn. gwahaniaethu yn enwedig nid y ddau dag oes gan, ond mae'n bosib defnyddio y cyntaf i wahaniaethu rhwng y rhes gyntaf y tabl, ac yn CSS i TH, gallwch atodi eich arddull eich hun, sy'n ei wahaniaethu oddi wrth TD eraill.

Disgrifiad y ffurflen: tag FFURF, MEWNBWN

Ffurflen - mae hyn yn y rhan fwyaf o'r galw HTML-tagiau. Gall defnyddio ffurflenni trosglwyddo gwybodaeth. Mewn gwirionedd, mae'r dudalen - gwybodaeth arddangosfa hon, ond y ffurf - mewnbwn.

Enghraifft HTML gyda disgrifiad o'r ffurflen syml:

Defnyddio ffurfiau llawer mwy, ond y prif nodweddion fel a ganlyn. Gallwch nodi y maes mewnbwn, mae angen i chi neilltuo i ddylunio a sy'n trin digwyddiadau ar gyfer dadansoddi mewnbwn defnyddwyr. Gallwch nodi cae cudd a throsglwyddo gwybodaeth o gefndir dudalen. Gallwch ddynodi botwm trosglwyddo gwybodaeth, pwyso sy'n rhoi cychwyn ar y broses o drosglwyddo data.

Defnyddio HTML

Gwybod iaith hyperdestun - cyflwr anhepgor ar gyfer unrhyw arbenigo waith ym maes rhaglennu Rhyngrwyd, ond os ydych am i ysgrifennu rhaglen yn PHP neu JavaScript, yna yn gwybod HTML + CSS angen berffaith.

iaith PHP wedi cael ei adnabod yn yr enghraifft flaenorol. PHP yn rhedeg ar y gweinydd, oherwydd dudalen gyda'r ffurflen hon hedfan o'r gweinydd i'r porwr gyda'r caeau llenwi. Yn benodol, TestOnBlur swyddogaethau a grybwyllir yn y MEWNBWN tag (onblur digwyddiad triniwr), derbyn yr holl baramedrau ar ffurf meysydd testun.

Mae'r porwr yn rhedeg JavaScript, ac i weithio yn gywir data yn anfon botwm yn ôl at y gweinyddwr, hynny yw, dylunio :. Onclick = jQuery ( '# i') Val ( 'trol'), mae angen i wybod, nid yn unig am yr hyn y mae'r jQuery, ond yr hyn #to, Val, cert. Yn fwy manwl gywir, mae angen i ni wybod y tagiau HTML sylfaenol a'r rheolau cyffredinol sy'n gwneud cais iddynt hwy arddulliau CSS.

Mae hyn yn ddigon i godi cyflym gymhwyster unrhyw arbenigedd ym maes rhaglennu Rhyngrwyd.