In foarbyld fan in HTML side en de fûnemintele begjinsels fan

Útfûn in protte talen, mar de taal fan HTML is ien fan de meast bysûndere en vosstrebovan. Sûnt it giet dêrby om in protte oare wichtige inisjativen yn programmearring. In grut part wurdt beskikber steld, doe't yn 'e koppen fan' e ûntwikkelder hjoeddeiske kennis fan opmaak taal - HyperText Markup Language (HTML).

Yn feite, yn HTML, der is neat dreech, en yn in pear minuten al it fierste fan de programmearring en it ynternet minsken sille wiermeitsje de oprjochting fan HTML-siden yn 'e laptop. It neamen wurdich foarbylden, ienfâld, yndie, tagonklik foar eltsenien.

algemiene beskriuwing

HTML triem - a iene side site, alhoewol't dit is debatable, mar wat is ien triem per side, foar in begjin it is dúdlik.

HTML triem begjint mei in DOCTYPE kopbal dat jout oan dat it type fan 'e triem - HTML. Alle side eleminten (tags) wurde oanjûn binnen hoeke heakjes. Eltse pear ( "<" and ">") befettet ien tag HTML. Meastal HTML tags wurde yn pearen, dat wol sizze, foar eltse «tag» hawwe «/ tag». Beide wurde ynsletten yn hoeke heakjes. Der is in inkele tag, wêrfan de meast populêre «br /» - oergong nei de folgjende rigel.

De grutste tag yn de triem - it myself HTML, dêr't mar twa tag: HEAD en BODY. Yn it earste gefal, ferskillende spesifikaasje binne yndikatyf mei keppelings nei oare pertinent side triemmen meie wêze oanwêzich PHP en JavaSkript skripts. Yn de twadde side skreaun ynhâld. Ek yn 'e foarm fan tags en skripts.

Simple HTML-side

Foarbyld fan it meitsjen fan sa'n side wurdt oanjûn yn it artikel hjirûnder. Achtsje it mei soarch.

HEAD section

It wichtichste doel HEAD tag - in algemiene beskriuwing fan de side en de algemiene skripts, hoewol't de lêste - krekt in relative konsept. Meastentiids is der hechtet gâns belang oan mar twa dingen:

• keywords en beskriuwing fan de side;
• Links nei oare triemmen (* .css en * .js).

Om werjaan fan de ynhâld fan de side ynhâld fan dizze paragraaf hat allinne yndirekte belang omdat it jout oan wêr guon oare triemmen hawwe CSS regels foar tags en oare skripts talen.

HTML-side hat in titel (TITEL), dat wurdt werjûn as in besiker bringt jo mûsoanwizer op de ljepper dêr't de side wurdt iepene. Dat is wichtich, omdat it makket de side folle mear presentable, makliker te sizzen, tekene lêsbere tekst.

META-tags binne wichtich yn it web programmearring yn it algemien, mar as it is fereaske in oanmeitsjen fan HTML-siden yn in laptop, in foarbyld fan de winske Clutter oerstallich struktueren.

Op de LINK en script links moatte betelje spesjaal omtinken. De earste ferwiist nei in plak dêr't der in CSS stylblêd triem, it twadde - de lokaasje fan it JavaSkript-koade triem. Soksoarte links kin ynsteld wurde.

As jo brûke skripts moatte wurde behannele as in HTML kennis sil wurde sterker, dan moatte betelje omtinken fuortendaliks oer cascadearjende stylblêden. De CSS bestannen binne, yn it bysûnder, de regels fan de registraasje fan HTML tags.

section BODY

Yndie, in stekproef side HTML - dit is de BODY seksje. It is hjir dat befettet alle ynformaasje, al fan de ynhâld side. Alle ynformaasje wurdt presintearre yn de foarm fan tags en skripts, lykas it ynstekken fan in JavaSkript-koade of stikken fan de PHP-programma.

It is wichtich om te realisearje dat it foarbyld fan HTML web siden yn 'e browser en itselde foarbyld yn in tekst bewurker lykas Notepad, dit is net itselde ding. Yn it earste gefal binne wy klear HTML-tekst wêryn alle skripts eksekutearre. Bygelyks, PHP hat folbrocht syn diel en foarme ynstee fan de koade yn de rjochter plakken de tags. JavaSkript ek folbrocht syn missy, hoewol't it noch te wêzen in apart petear.

HTML - It tags ynstee fan skripts. Uteinlik, allinnich de ynhâld fan de side werjûn wurde yn de browser, mar syn tag. Gjin PHP-koade is der net.

JavaSkript is yn in bysûndere posysje, syn soarch - te tsjinjen de side, net allinne op Boot tiid (overload), mar yn de mominten wannear't de side is yn it besiker syn blêder, en de stúdzje is.

In ienfâldige foarbyld fan koade HTML-side (allinnich it BODY seksje) wurdt werjûn hjirûnder.

In besiker fan blêder It liket as shown hjirûnder.

waard net oantsjutte yn de koade moat der út 'e eleminten dy't brocht de browser. Alle ûntwerp is sichtber yn de CSS regels. Yn dit gefal, Mcss / scPhpWordRW.css triem dat waard referearre (sjoch. It tige earste foarbyld fan in side HTML).

Oars as HTML, CSS tema is ienfâldiger, der is hiel tagonklik regels en harren tal is lyts, doe't it foarbyld fan 'e oprjochting fan HTML-siden net nedich neat oars as Notepad. Alles is hiel tagonklik foar direkte ûntwikkeling:

Dit lit sjen hoe maklik it is beskreaun tag scLogo_vDoc, en dizze beskriuwing is dat yn in normale steat fan de tag jout in byld vDoc-logo.png, en as de mûsoanwizer is oerhinne - werjûn vDoc-logo-h.png.

De struktuer fan it HTML beskriuwings

Taal net belûke it útfieren fan ien fan de struktuer en de syntaksis fan it konsept is hjir hiel betreklik. Der binne gjin fariabelen, mar der binne genôch kânsen. De fûnemintele basis fan hypertext is dat der in elemint (tag), dat is wis te hawwen in namme.

De namme fan 'e saak, de tag pair, gearstald út goede nammen (LebelName) en hoeke heakjes ( «<» + LebelName + «>»), as wy it oer it begjin fan' e tag, en «», as opnommen syn ein.

Foarbyld fan HTML siden beskriuwe attributen leit yn de tekst hjirûnder.

De tag kin hawwe attributen, dan binne se set troch in romte nei de tag namme foar de slutingsdatum hoek bracket ">". Kenmerken, as se hawwe de tag wurdt opnommen allinnich oan it begjin. De ynhâld fan de tag is dat wat leit tusken de start tag en de ein derfan.

Totale HTML ynhâld beskriuwings

HTML kinne jo omskriuwe it blok en inline eleminten. Earst ynnimme in beskate gebiet yn de blêder finster kin pleatst absolút, dat is op it goede plak op it mêd fan display HTML-siden, en hawwe in spesifike maat.

Inline eleminten generaal ferskine ien tried, dat is, lykas waard ferklearre yn de side triem, en werjûn op it skerm. De werjefte fan 'e totale stream kin beynfloede doe't de side lading optreedt. Op pleatsing, sichtberheid, en oare eigenskippen fan it blok eleminten kinne wurde beynfloede op elts momint fia JavaScript-koade.

Njonken de ienfâldige eleminten, HTML biedt te beskriuwen de tafels en formulieren. Dy eleminten binne hiel soad frege yn it "deistige site gebou."

Beskriuwing fan 'e tafel: tags TABLE, TR, TD

Wannear't TABLE tag kin brûkt wurde om in tafel, jouwe jo in oantal rigen en TR yn in rige foar in oantal TD sellen. Yn tsjinstelling ta de wenstige tafel fan 'e organisaasje, fanwege de natuer HTML-opmaak tabular organisaasje beheind ta dizze ferklearring, want as de projektûntwikkelder wol hawwe in rjochthoekige tafel dêr't it oantal kolommen yn alle rigen itselde, dan moat folgje, dat foar dysels.

De principled posysje fan HTML: doch wat is, mar neat dat net begrepen. Yn guon gefallen is it net sa wichtich foar it oantal kolommen yn elke rige fan 'e tafel, mar as jo wolle útfiere in fúzje sellen horizontaal of fertikaal, is it nedich om te telle allegear hiel foarsichtich.

Foarbyld HTML side mei in beskriuwing fan in ienfâldich tafel graphically sjen litten yn it artikel.

Hjir is in tafel mei dêrop de grutte fan trije rigen troch trije kolommen, mei de earste rige tag TH waard brûkt ynstee fan TD tag - de kolom kop. Benammen ûnderskiede dizze twa tags net hawwe, mar it is mooglik te brûken de earste om ûnderskied te meitsjen tusken de earste rige fan 'e tafel, en yn CSS nei TH, kinne jo jo eigen styl, dy't ûnderskiedt it fan oare TD.

Description form: FORM tag, INPUT

Formulier - dit is de meast easke part fan it HTML-tags. Mei help fan formulieren kinne stjoert ynformaasje. Eins, de side - dizze werjefte ynformaasje, mar de foarm - input.

Foarbyld HTML side mei in beskriuwing fan in ienfâldige foarm:

Uses fan foarmen folle mear, mar de wichtichste funksjes binne as folget. Jo kinne opjaan de ynfier fjild, moatte jo takenne se te ûntwerpen en evenemint handlers foar de analyse fan de brûker input. Jo kinne oantsjutte in ferburgen fjild en stjoert ynformaasje fan de side eftergrûn. Jo kinne oanwize ynformaasje transmission knop, drukken dat inisjearret de gegevens oerdracht proses.

It brûken fan HTML

To witten hypertext taal - in ûnmisber betingst foar alle wurk spesjalisaasje op it mêd fan ynternet programmearring, mar as jo wolle skriuwe in programma yn PHP of JavaSkript, dan wit HTML + CSS nedich perfekt.

PHP taal is identifisearre yn de foarige foarbyld. PHP rint op de tsjinner, omdat in side mei dit formulier fleach út de tsjinner nei it browser mei de fjilden fol. Yn it bysûnder, TestOnBlur funksjes neamd yn de tag INPUT (onblur evenemint handlertsjinst), krige alle parameters yn de foarm fan tekst fjilden.

De browser rint JavaSkript, en om goed wurke gegevens stjoere knop werom nei de tsjinner, dat is, ûntwerp :. onClick = jQuery ( '# oan') val ( 'karre'), is it nedich te witten net allinnich oer wat de jQuery, mar wat #to, Val, karre. Krekter, is it nedich te witten de basis HTML tags en de algemiene regels tapassen om harren de CSS stilen.

Dat is genôch om fluch ferheegjen de kwalifikaasje fan in spesjalisaasje op it mêd fan ynternet programmearring.