Ekzemplo de HTML-paĝo kaj la bazaj principoj de

Inventis multajn lingvojn, sed la lingvo de HTML estas unu el la plej specialaj kaj vosstrebovan. Ekde ĝi implikas multajn aliajn ŝlosilo iniciatoj en programado. Multo estas disponebla, kiam en la mensoj de la ellaboranto nuna scio de markado lingvo - Hipertextual Markup Language (HTML).

Fakte, en HTML, estas nenio malfacila, kaj post kelkaj minutoj ĉiuj plej malproksimaj de la programado kaj Interreto popolo plenumos la starigo de HTML-paĝojn en la notlibro. Notinda ekzemploj, simpleco ja atingebla al ĉiu.

ĝenerala priskribo

HTML-dosiero - unu paĝo retejo, kvankam ĉi tiu estas discutible, sed kio estas tiu dosiero per paĝo, por komenci estas klare.

HTML-dosiero komenciĝas per DOCTYPE titolo kiu specifas ke la tipo de la dosiero - HTML. Ĉiuj paĝon elementoj (etikedoj) estas indikitaj ene angulo krampoj. Ĉiu paro ( "<" kaj ">") inkludas unu tag HTML. Kutime HTML etikedoj estas parigitaj, tio estas, por ĉiu «etikedo» havas «/ tag». Ambaŭ estas enmetitaj en angulo krampoj. Ekzistas ununura etikedo, de kiuj la plej populara «br /» - transiro al la sekva linio.

La plej granda etikedo en la dosiero - ĝi mem HTML, kiu inkludas nur du tag: HEAD kaj KORPO. En la unua kazo, malsamaj specifo estas indikaj de ligoj al aliaj trafa paĝo dosierojn povas ĉeesti PHP kaj Javascript skriptoj. En la dua paĝo skribita enhavo. Ankaŭ en la formo de etikedoj kaj skriptoj.

Simpla HTML-paĝo

Ekzemplo krei tian paĝo estas indikita en la artikolo sube. Konsideru ĝin atente.

HEAD sekcio

La ĉefa celo HEAD etikedo - ĝenerala priskribo de la paĝo kaj la ĝenerala skriptoj, kvankam la lasta - nur relativa koncepto. Kutime tie alligas konsiderindan gravecon al nur du aferojn:

• ŝlosilvortoj kaj priskribo de la paĝo;
• ligoj al aliaj dosieroj (* .css kaj * Js).

Por montri la enhavon de la paĝo enhavo de ĉi tiu sekcio havas nur nerekte gravecon ĉar ĝi indikas kie alian dosieroj havas CSS reguloj por etikedoj kaj aliaj skriptoj lingvoj.

HTML-paĝo havas titolon (TITLE), kiu estas montrita kiam vizitanto alportas vian muson super la langeto kie la paĝo estas malfermita. Tiu estas grava, ĉar ĝi faras la paĝon multe pli presentable, pli facile diri, subskribita legebla teksto.

META-etikedoj estas grava en retejo programado ĝenerale, sed kiam postulas la kreon de HTML-paĝojn en kajero, ekzemplo de nedezirindaj malordo redunda strukturoj.

Sur la LINK kaj SCRIPT ligoj devus pagi specialan atenton. La unua rilatas al loko kie estas CSS stilfolio dosieron, la dua - la lokon de la JavaScript-kodo dosiero. Tiaj ligoj povas esti aro.

Se vi uzas skriptoj devus esti traktita kiel HTML scio fariĝos pli forta, vi devus pagi atenton tuj pri vicigeblaj stildifinoj. La CSS dosieroj estas precipe la regulojn de registriĝo de HTML etikedoj.

sekcio KORPO

Fakte, specimeno paĝo HTML - tiu ĉi estas la cxefteksto sekcio. Estas tie kiu enhavas ĉiujn informojn, ĉiuj la artikolo. Ĉiuj informoj estas prezentitaj en la formo de etikedoj kaj skriptoj, kiel enmeto de JavaScript-kodo aŭ pecoj de la PHP-programo.

Gravas rimarki, ke la ekzemplo de HTML retpaĝoj en la retumilo kaj la sama ekzemplo en tekstoredaktilo kiel Notepad, tio ne estas la samo. En la unua kazo ni estas preta HTML-tekston en kiu ĉiuj skriptoj ekzekutita. Ekzemple, PHP plenumis lian parton kaj formis anstataŭ la kodon en la dekstra lokoj la etikedoj. JavaScript ankaŭ plenumis lian mision, kvankam pri tio ankoraŭ separata konversacio.

HTML - ĝi -etikedoj anstataŭ skriptoj. Finfine, nur la enhavo de la paĝo montriĝas en la retumilo, sed ĝia etikedo. Neniu PHP-kodo ne estas tie.

JavaScript estas en speciala pozicio, lia zorgo - por servi la paĝo, ne nur je lanĉtempo (superŝarĝas), sed en la momentoj kiam la paĝo estas en la vizitinto retumilo, kaj la studoj lin.

Simpla ekzemplo de kodo HTML-paĝo (nur la cxefteksto sekcio) estas montrata suben.

Vizitanto retumilo ĝi aspektas kiel montrita sube.

ne estas indikita en la kodo devas aspekti la elementoj kiuj alportis la retumilo. Ĉiuj dezajno estas videbla en la CSS reguloj. En ĉi tiu kazo, Mcss / scPhpWordRW.css dosieron kiu estis referenceita (vidi. La unua ekzemplo de paĝo HTML).

Kontraste HTML, CSS temo estas simpla, estas tre atingebla reguloj kaj ilia nombro estas malgranda, kiam la ekzemplo de la kreo de HTML-paĝoj ne postulas ion ajn krom notbloko. Ĉio estas tre atingebla por tuja disvolviĝo:

Tio montras kiel facile estas priskribita etikedo scLogo_vDoc, kaj ĉi priskribo estas ke en normala stato de la etikedo montras bildon vDoc-logo.png, kaj kiam la muso estas super ĝi - montrata vDoc-logo-h.png.

La strukturo de la HTML priskriboj

Lingvo ne implikas efektivigi iun el la strukturo kaj sintakso de la koncepto ĉi tie estas tre relativa. Ne estas variabloj, sed estas multe de ŝancoj. La fundamenta bazo de hipertekstaj estas ke estas ero (etikedon) kiu estas nepre havi nomon.

La nomo de la kazo, la etikedo paro, kunmetita de propraj nomoj (tagName) kaj angulo krampoj ( «<» + tagName + «>»), se ni parolas pri la komenco de la etikedo, kaj «», se registrita lia fino.

Ekzemplo de HTML paĝoj priskribantaj atributoj situas en la sekva teksto.

La etikedo povas havi atributoj, tiam ili estas metita tra la spaco post la tag nomon antaŭ la fermo angulo krampo ">". Atributoj, se ili havas la etikedo estas registrita nur en la komenco. La enhavo de la etikedo estas tiu kiu kuŝas inter la komenco etikedo kaj la fino de ĝi.

Tuta HTML enhavo priskriboj

HTML permesas priskribi la bloko kaj inline elementoj. Unua okupi certan areon en la retumilo fenestro povas meti absolute, tio estas en la ĝusta loko ĉe la kampo de display HTML-paĝoj, kaj havas specifan grandeco.

Inline elementoj ĝenerale aperas unu fadeno, tio estas, kiel ĝi asertis en la paĝo-dosiero, kaj montrita sur la ekrano. La ekrano de la totala fluo povas esti influita kiam la paĝo ŝarĝo okazas. La lokigo, videbleco, kaj aliaj ecoj de la bloko elementoj eblas influita kiam ajn per JavaScript-kodo.

Krom la simplaj elementoj, HTML proponas priskribi la tabloj kaj formoj. Ĉi tiuj elementoj estas tre multe en postulo en la "ĉiutaga retejon konstruaĵo."

Priskribo de la tablo: etikedoj TABLE, TR, TD

Kiam TABLE etikedo povas esti uzata por krei tablon specifi kelkaj vicoj kaj TR en vico dum kelkaj TD ĉeloj. Kontraste al la kutima tablo de organizo, pro la naturo HTML-markado tabular organizo limigita al ĉi tiu deklaro, ĉar se la ellaboranto volas havi rektangula tablo en kiu la nombro de kolumnoj en ĉiu vicoj de la sama, tiam ĝi devas sekvi ke por vi mem.

La principan pozicion de HTML: kion ajn estas, sed nenio kiu ne komprenis. En iuj kazoj ne estas tiel grava al la nombro de kolumnoj en ĉiu vico de la tablo, sed se vi volas realigi merge ĉeloj horizontale aŭ vertikale, estas necese kalkuli ĉiu tre atente.

Ekzemplo HTML-paĝo kun priskribo de simpla tablo grafike montritaj en la artikolo.

Jen tabelo montranta la grandecon de tri vicoj de tri kolumnoj, kun la unua vico etikedo TH estis uzata anstataŭ TD etikedo - la kolumno header. Aparte distingita tiuj du etikedoj ne havas, sed eblas uzi la unua distingi inter la unua vico de la tablo, kaj en CSS por TH, Vi povas ligi via propra stilo, kiu ŝin distingas de aliaj TD.

Priskribo formo: FORMO etikedo, INPUT

Formo - tio estas la plej postulis parton de la HTML-etikedoj. Uzante formoj povas transdoni informon. Efektive, la paĝo - ĉi display informon, sed la formo - enigo.

Ekzemplo HTML-paĝo kun priskribo de simpla formo:

Uzoj de formoj multe pli, sed la ĉefaj karakterizaĵoj estas kiel sekvas. Vi povas specifi la eniga kampo, vi devas atribui ilin al dezajno kaj okazaĵo manipuladores por la analizo de uzanto enigo. Vi povas specifi kaŝita kampo kaj publikigi informon de la paĝo fono. Vi povas designar informo transdono butonon, premante kiu komencas la transporto de datumoj procezo.

uzante HTML

Scii hiperteksta lingvo - nemalhaveblan kondiĉon por ajna laboro especialización en la kampo de interreto programado, sed se vi volas skribi programon en PHP aŭ JavaScript do scias HTML + CSS bezonas perfekte.

PHP lingvo estis identigita en la antaŭa ekzemplo. PHP kuras sur la servilo, ĉar paĝo kun ĉi tiu formo flugis de la servilo al la retumilo de la kampoj plenaj. Aparte, TestOnBlur funkcioj menciita en la etikedo INPUT (onblur okazaĵo traktilo), ricevis ĉiujn parametrojn en la formo de teksto kampoj.

La retumilo funkcias JavaScript, kaj konvene funkciis datumoj sendas butono reen al la servilo, tio estas, dezajno :. onclick = jQuery ( '# al') val ( 'veturilo'), estas necese scii ne nur pri kio la jQuery, sed kion #to, val, ĉaro. Pli precize, necesas scii la bazan HTML etikedoj kaj la ĝeneralaj reguloj apliki al ili la CSS stiloj.

Tio estas sufiĉe por rapide levi la kvalifiko de ajna specialeco en la areo de Interreto programado.