Dæmi um HTML síðu og meginreglur

Sér mörg tungumál, en tungumálið HTML er einn af mest sérstakt og vosstrebovan. Þar sem það felur í sér mikið af öðrum helstu verkefnum í forritun. Mikið er gert aðgengilegt, þegar í hugum framkvæmdaraðila núverandi þekkingu á markup language - HyperText Markup Language (HTML).

Í staðreynd, í HTML, það er ekkert erfitt, og í nokkrar mínútur allra mest fjarri forritun og Internet fólk verður að uppfylla stofnun HTML-síður á fartölvu. Eftirtektarverð dæmi, einfaldleiki, reyndar, öllum aðgengileg.

almenn lýsing

HTML skrá - eitt síða staður, þó að þetta er umdeild, en það er ein skrá á síðu, fyrir a byrjun það er ljóst.

HTML skrá byrjar með DOCTYPE haus sem tilgreinir að gerð skrárinnar - HTML. Allir page þættir (tags) eru tilgreindar í horn sviga. Hvert par ( "<" og ">") tekur einn tag HTML. Venjulega HTML tags eru pöruð, það er, fyrir hvert «tag» með «/ tag». Bæði eru meðfylgjandi í horn sviga. Það er einn tag, þar sem vinsælustu «br /» - umskipti í næstu línu.

Stærsta tag í skránni - það sjálfur HTML, sem nær aðeins tveir tag: höfuð og líkama. Í fyrra tilvikinu, mismunandi texta eru til marks um tengla á aðrar hugsanlegar bls skrár geta verið til staðar PHP og JavaScript forskriftir. Í annarri síðu skriflegu efni. Einnig í formi tags og forskriftir.

Einföld HTML-síðu

Dæmi um að búa til slíka síðu er ætlað í greininni hér að neðan. Íhuga það vandlega.

HEAD hluta

Megintilgangur HEAD tag - almenna lýsingu á síðunni og almennar forskriftir, þótt hið síðarnefnda - bara ættingja hugtak. Venjulega leggur það töluvert áherslu á aðeins tveimur hlutum:

• leitarorð og lýsingu á síðunni;
• tenglar á aðrar skrár (* CSS og * JavaScript útlit).

Til að sýna innihald síðunnar innihald þessa kafla hefur aðeins óbeina þýðingu vegna þess að það gefur til kynna hvar sumir aðrir skrár með CSS reglur um merkingar og aðrar forskriftir tungumálum.

HTML-síðu hefur titil (title), sem birtist þegar gesturinn koma músina yfir flipanum þar sem síða er opnuð. Þetta er mikilvægt vegna þess að það gerir síða mun frambærilegur, auðveldara að segja, undirritaði læsileg texta.

META-tög eru mikilvæg í forritun vefur almennt, en þegar það er nauðsynlegt stofnun HTML-síður í minnisbók, dæmi óæskilegt ringulreið umfram mannvirki.

Á tengilinn og handrit tenglar ætti að borga sérstaka athygli. Fyrsti vísar á stað þar sem er CSS stílblað skrá, annað - staðsetning JavaScript-kóða skrá. Slík tengsl er hægt að setja.

Ef þú notar forrit ætti að meðhöndla eins og HTML þekkingu verða sterkari, ættir þú að borga eftirtekt strax á stílblöð. The CSS skrár eru einkum reglur um skráningu HTML tags.

kafla BODY

Í raun, sýni síðu HTML - þetta er BODY kafla. Það er hér sem inniheldur allar upplýsingar, öll efni síðunnar. Allar upplýsingar er kynnt í formi tags og forskriftir, svo sem að setja JavaScript-kóðann eða stykki af PHP-forrit.

Það er mikilvægt að gera sér grein fyrir því að dæmi um HTML vefsíðum í vafranum og sama dæmi í texta ritil eins og Notepad, þetta er ekki það sama. Í fyrra tilvikinu sem við erum tilbúin HTML-texti þar sem allir forskriftir framkvæma. Til dæmis, PHP hefur uppfyllt sinn hluta og myndaði staðinn kóða í réttum stöðum merkjunum. JavaScript uppfyllt einnig hlutverki sínu, þó að um það enn að vera sérstakt samtal.

HTML - það tags í stað forskriftir. Á endanum, bara efni á síðunni birtist í vafranum, en tag hennar. No PHP-númer er ekki þar.

JavaScript er í sérstökum stöðu, umönnun hans - að þjóna á síðunni, ekki aðeins við ræsingu (of mikið), en í augnablik þegar síða er í vafranum gesturinn er, og rannsóknum.

Einfalt dæmi um kóða HTML-síðu (aðeins líkamann kafla) er sýnd hér fyrir neðan.

Vafrinn gesturinn er það lítur út eins og sýnt er hér fyrir neðan.

var ekki tilgreint í númerið ætti að líta svona þætti sem leiddi vafrann. Öll hönnun er sýnilegur í CSS reglum. Í þessu tilviki, Mcss / scPhpWordRW.css skrá sem var vísað (sjá. The mjög fyrstur dæmi um HTML-kóða).

Ólíkt HTML, CSS þema er einfaldara, það er mjög aðgengileg reglur og fjöldi þeirra er lítill, þegar dæmi um sköpun HTML-síður þarf ekki neitt annað en Notepad. Allt er mjög aðgengileg fyrir strax þróun:

Þetta sýnir hversu auðvelt það er lýst tag scLogo_vDoc, og þessi lýsing er að í eðlilegu ástandi tag birtir mynd vDoc-logo.png, og þegar músin er yfir það - sýnt vDoc-logo-h.png.

Uppbygging HTML lýsingar

Tungumál felur ekki í sér að bera út eitthvað af uppbyggingu og setningafræði á hugtakinu hér er mjög afstætt. Það eru engar breytur, en það eru fullt af tækifærum. Æðsti Grunnur HyperText er að það er þáttur (tag) sem er viss um að hafa nafn.

The nafn af the tilfelli, tag par, sem samanstendur af réttum nöfnum (aðgerðamerki) og oddklofa ( «<» + aðgerðamerki + «>»), ef við erum að tala um upphaf tag, og «», ef skráð endi hennar.

Dæmi um HTML síður sem lýsa eiginleikum staðsett í textanum hér að neðan.

Merkið getur haft eiginleika, þá eru þeir að setja í gegnum geiminn á eftir heiti merkisins áður lokun horn krappi ">". Eiginleika, ef þeir hafa merkið er skráð aðeins í upphafi. Innihald tag er það sem liggur á milli byrjun tag og í lok þess.

Samtals lýsingar HTML efni

HTML er hægt að lýsa blokk og inline þætti. Fyrsta hernema ákveðinn svæði í glugga er hægt að staðsetja alveg, það er á réttum stað á sviði sýna HTML-síður, og hafa ákveðna stærð.

Inline þættir virðast almennt einn þráð, það er, eins og fram kom í blaðsíða skrá, og birtist á skjánum. Skjárinn af heildar flæði getur haft áhrif þegar hleðslutími sér stað. Um vistun, skyggni, og aðrar eignir einingarinnar þættir geta haft áhrif á hvenær gegnum JavaScript-kóða.

Í viðbót við einfaldra, HTML býður upp á að lýsa borðum og form. Þessir þættir eru mjög mikill í eftirspurn í "daglegu vefnum húsinu."

Lýsing á töflu: tags borð, TR, TD

Þegar hægt er að nota TAFLA tag til að búa til töflu, tilgreina fjölda raða og TR í röð fyrir fjölda TD frumum. Öfugt við venjulega töflunni skipulag, vegna þess að eðli HTML-Markup tabular stofnun takmarkast við þessa yfirlýsingu, vegna þess að ef verktaki vill hafa rétthyrnd borð þar sem fjöldi dálka í öllum röðum af sama, þá verður það að fylgja sem fyrir þig.

The principled stöðu HTML: gera hvað sem er, en ekkert sem er ekki skilið. Í sumum tilfellum er það ekki svo mikilvægt að fjölda dálka í hverri röð töflunnar, en ef þú vilt að framkvæma sameiningu frumur lárétt eða lóðrétt, það er nauðsynlegt að telja allt mjög vel.

Dæmi HTML síðu með lýsingu á einfaldan borð myndrænt sýnt í greininni.

Hér er tafla sem sýnir stærð þremur röðum af þremur dálkum, með fyrstu röð tag TH var notuð í stað TD tag - the hausnum. Sérstaklega greina þessar tvær merkingar hafa ekki, en það er hægt að nota fyrsta til að greina á milli fyrstu töflunni, og í CSS til TH, er hægt að tengja eigin stíl, sem aðgreinir hana frá öðrum TD.

Lýsing form: FORM tag, INPUT

Form - þetta er mest kröfðust hluti af HTML-tög. Notkun eyðublöð er hægt að senda upplýsingar. Reyndar er síða - þetta sýna upplýsingar, en formið - inntak.

Dæmi HTML síðu með lýsingu á einfaldan hátt:

Notar myndum miklu fleiri, en helstu aðgerðir eru sem hér segir. Þú getur tilgreint inntak sviði, þú þarft að tengja þá til að hanna og atburði dýraþjálfari fyrir greiningu notandi inntak. Þú getur tilgreint falinn reit og senda upplýsingar frá síðunni bakgrunni. Hægt er að merkja upplýsingar sending hnappinn ýta að byrja gagnaflutning ferli.

Using HTML

Til að vita HyperText tungumál - ómissandi skilyrði fyrir hvaða vinnu sérhæfingu á sviði Internet forritun, en ef þú vilt að skrifa forrit í PHP eða JavaScript, þá vita HTML + CSS þarf fullkomlega.

PHP tungumál hefur greinst í fyrra dæmi. PHP keyrir á miðlara, vegna þess að síða með þessu formi flaug frá þjóninum í vafrann með sviðum fyllt. Einkum TestOnBlur aðgerðir sem nefndar eru í merkjaritlinum INPUT (onblur atburður dýraþjálfari), fékk allar breytur í formi texta sviðum.

Vafrinn keyrir JavaScript, og að rétt starfaði gögn senda hnappinn aftur til the framreiðslumaður, það er, hönnun :. onclick = jQuery ( '# í') Val ( "körfu"), það er nauðsynlegt að vita ekki aðeins um hvað jQuery, en hvað #to, Val, körfu. Meira einmitt, það er nauðsynlegt að þekkja grunn HTML tög og almennar reglur sem gilda um þá CSS stíll.

Þetta er nóg til að fljótt hækka hæfi hvers sérhæfingu á sviði Internet forritun.