HTML orri baten adibidea eta oinarrizko printzipioak

Asmatu hizkuntza askotan, baina HTML hizkuntzan gehien berezia eta vosstrebovan bat da. Geroztik programazio funtsezko beste ekimen asko dakar. Askoz eskuragarri egongo da, noiz sustatzailearen present markaketa hizkuntza ezagutza adimenak - Hipertestua Markatzeko Lengoaia (HTML).

Izan ere, HTML, ez dago ezer zaila da, eta minutu batzuk gehien programazio eta Internet jendearen urrun guztietan koaderno batean HTML-orriak ezartzeko beteko dituzte. Azpimarratzekoa adibideak, soiltasuna, hain zuzen ere, guztion eskura.

deskribapen orokorra

HTML fitxategi - orri bat gune bat da, hau da, eztabaidagarria izan arren, baina zer orriko fitxategi bat da, hasteko argi dago.

HTML fitxategia DOCTYPE goiburua duten zehazten hasten da fitxategi mota hori - HTML. Orri elementu guztiak (etiketa) angelu parentesi barruan adieraziko dira. Bikote bakoitzak ( "<" eta ">") etiketa HTML barne. Normalean HTML etiketa parekatuta daude, hau da, «etiketa» bakoitzean «/ tag» dute. Biak angelu parentesi artean. Trantsizio hurrengo lerroan - Ez dago etiketa bakar bat, horietatik ezagunena «br /» da.

Etiketa Handiena fitxategian - HTML neuk da, biltzen dituen bi bakarrik Etiketa: burua eta gorputza. Lehen kasuan, hainbat zehaztapen beste pertinent orri fitxategiak estekak present PHP eta JavaScript gidoiak ahal adierazgarri. Bigarren orria idatzizko edukietan ere. Era etiketa eta gidoiak formularioa.

Simple HTML-orri

esaterako orria sortzeko adibidea da beheko artikuluan adierazten da. Demagun arretaz.

HEAD atalean

The nagusia helburua HEAD Etiketa - orria eta gidoiak orokorraren azalpen orokor bat, azken hau, nahiz - kontzeptua besterik a erlatiboa. Normalean ez bi gauza besterik garrantzi handia ematen die:

• Hitz eta orriaren deskribapena;
• beste fitxategi estekak (* .css eta * .js).

Orri atal honen edukiaren Edukia ikusteko bakarrik zeharkako garrantzia dauka dagoela adierazten du, non beste fitxategi batzuk CSS etiketa eta beste gidoiak hizkuntzetan arauak izan delako.

HTML-orri baten izenburua (TITLE), hau bistaratzen da bisitari sagua dakar, fitxa-orri ireki baino gehiago ditu. Hau oso garrantzitsua da, egiten orrira askoz gehiago presentable, errazagoa da esatea, izan ere irakurgarri testua sinatu.

META-tags web programazioan garrantzitsu oro har dira, baina beharrezkoa da HTML-orriak sortzea koaderno bat, nahi ez diren gehiegi soberan dauden egituren adibide bat da.

LINK eta SCRIPT loturak On arreta berezia jarri behar. Javascript-kodea fitxategia kokalekua - Lehena leku batean han CSS estilo-fitxategi bat, bigarrena da aipatzen. Horrelako loturak ezar daiteke.

erabiltzen duzun gidoiak HTML ezagutza gisa tratatu behar bada indartsuagoa izango da, arreta behar duzu berehala Kaskadako estilo-orriak on. CSS fitxategiak dira, bereziki, HTML etiketa erregistratzeko arauak.

atalean BODY

Izan ere, lagin orria HTML bat - hau BODY atala da. Hemen da informazio guztia, edukia orriaren guztia dauka. Informazio guztia etiketa eta gidoiak, esaterako Javascript-kode bat edo PHP-programa zatiak txertatzeak gisa forman aurkezten da.

Garrantzitsua da HTML web nabigatzailea eta adibide bera testu esaterako koaderno gisa editore batean orrialde baten adibidea da, hau ez da gauza bera konturatzen. Lehenengo kasuan prest HTML-testu horietan gidoiak guztiak exekutatu gara. Adibidez, PHP, bere aldetik bete du eta, horren ordez, eskuineko leku etiketetan kodearen eratu. Javascript halaber bere eginkizuna bete, oraindik buruz bereizi elkarrizketa bat izan nahi du, nahiz eta.

HTML - ordez gidoiak etiketa da. Azken finean, nabigatzailea bistaratuko orriaren edukiak bakarrik, baina bere etiketa. Ez dago PHP kodea ez dago.

Javascript posizio berezi bat, bere arreta da - orriaren zerbitzatzeko, ez bakarrik abioan (gainkarga), baina une orrira bisitariaren nabigatzailean da, eta ikasketak egiten.

Adibide erraz bat kode HTML-orriaren (bakarrik BODY atala) azpian dago.

bisitaria A nabigatzaileak azpian bezala ikusten da.

Ez zen kodea zehaztu nabigatzaileak ekarri duten elementuen itxura. diseinu guztiak CSS arauak ere ikusgai dago. Kasu honetan, Mcss / scPhpWordRW.css fitxategi hori erreferentzia egin zaio (ikus. Orri HTML baten lehenengo adibidea).

HTML ez bezala, CSS gaiaren errazagoa da, arau oso eskuragarria dago eta haien kopurua txikia da, betiere HTML-orriak sortzea adibide ez du ezer koaderno baino beste. Dena oso berehalako garapen eskura:

Honek erakusten du zein erraza deskribatzen da etiketa scLogo_vDoc, eta deskribapen hau da etiketa-egoera normal batean irudi vDoc-logo.png bat bistaratzen du, eta sagua bere gainean dago - erakutsitako vDoc-logo-H.png.

HTML deskribapenak egitura

Hizkuntza horrek ez inplikatzeko burutzeko egitura eta sintaxia kontzeptua edozein Hemen da oso erlatiboa. Badira aldagai ez, baina badaude aukera ugari daude. oinarrizko hipertestu oinarria da, ez dagoela elementu bat (etiketa) dela ziurtatu izen bat izan da.

Kasu izena, etiketa bikotea, izen propioak (tagName) eta angelu parentesi osatuta ( «<» + tagName + «>»), dugu etiketa hasieratik, eta hitz egiten ari bada «», grabatutako bada bere amaiera.

HTML orrien azpiko testua kokatutako Atributuak deskribatzen adibidea.

Etiketa atributuak izan daiteke, orduan espazio baten bidez jarri etiketa izenaren ondoren itxiera xebroi aurretik ">". Atributuak, etiketa grabatu da hasieran bakarrik bada. Etiketa edukia dela eta horrek hasiera-etiketa eta horren amaieran artean dago.

Guztira HTML edukia deskribapenak

HTML blokea eta barneko elementuen deskribatzeko aukera ematen dizu. Lehen okupatzen nabigatzailea leihoan zenbait eremu bat kokatu daiteke erabat, hori pantaila HTML-orriak eremuan dauden leku egokian dago, eta tamaina zehatz bat dute.

Barneko elementu orokorrean agertzen hari bat, hau da, orri-fitxategi batean adierazi zuen bezala, eta pantailan agertuko. guztizko fluxua bistaratzea eragin daiteke orri karga gertatzen denean. placement, ikusgarritasuna, eta beste bloke elementuen propietate On edonoiz Javascript-kode bidez tan eragin dezake.

elementu sinpleak gain, HTML taulak eta formak deskribatzeko eskaintzen du. Elementu horiek eskari asko daude "eguneroko gune eraikina."

mahaiaren deskribapena: etiketa TABLE, TR, TD

Noiz TABLE etiketa erabil daiteke taula bat sortzeko, zehaztu lerro eta TR kopuru bat segidan TD zelula kopuru bat da. Ohikoa erakundearen mahai, natura HTML-markaketa taula erakundearen deklarazio hau mugatua dela eta, kontrastea sustatzailearen nahi du mahai laukizuzena bertan zutabe kopurua bereko lerro guztiak, ondoren jarraitu behar da zeuk izan nahi badu delako.

principled HTML posizioa: edozein dela da, baina ezer ez dela ulertzen. Kasu batzuetan ez da hain mahaiaren ilara bakoitzeko zutabe kopurua garrantzitsua da, baina batzeko zelula bat horizontalki edo bertikalki egin nahi baduzu, ezinbestekoa da guztiak zenbatu kontu handiz.

HTML Adibidea mahai sinple baten deskribapena orri grafikoki artikulu honetan agertzen.

zutabe goiburua - Hemen mahai bat, hiru lerroen tamaina erakutsiz hiru zutabeak arabera, lehenengo ilara etiketa TH ordez TD etiketa erabili zen batez ere. Bereziki bereizten bi etiketa horiek ez dute, baina posible da erabili lehena mahai lehenengo errenkadan artean bereizteko, eta TH to CSS ere, zure estiloa, bereizten ditu beste TD-tik erantsi ahal izango dituzu.

Deskribapena Inprimakia: FORM etiketa, INPUT

Inprimakia - hau gehien eskatzen HTML-etiketa zatia da. formak erabiliz, informazioa transmititzeko. Egia esan, orriaren - pantaila Informazio hori, baina inprimakia - sarrera.

HTML Adibidea formulario sinple bat azalpen batekin orria:

forma askoz gehiago erabiltzen du, baina ezaugarri nagusiak honako hauek dira. idazteko eremua zehaztu dezakezu, diseinatzeko horiek eta gertaera kudeatzaileen erabiltzailearen sarrera aztertzeko esleitu behar duzu. ezkutuko eremu bat zehaztu dezakezu, eta orri hondo informazioa transmititzeko. Informazio transmisioa botoia izendatzeko ditzakezu, datu transferentzia prozesua hasi presionatzeko.

HTML erabiliz

hipertestu hizkuntza ezagutzea - Internet programazio arloan, edozein lan espezializazio ezinbesteko baldintza, baina PHP edo Javascript programa bat idatzi nahi izanez gero, orduan jakingo HTML + CSS behar primeran.

PHP hizkuntza izan da, aurreko adibide identifikatu. PHP zerbitzaria exekutatzen, inprimaki honekin orri bat zerbitzaritik hegan delako bete eremuak batera nabigatzailea. Bereziki, TestOnBlur funtzioak etiketa INPUT (ONBLUR gertaera kudeatzailea) aipatu, testu-eremuak formularioa parametro guztiak jaso.

nabigatzaileak exekutatzen JavaScript, eta behar bezala lan egin datuak bidaltzeko botoia back zerbitzariari, hau da, diseinu :. onclick = jQuery ( '# to') val ( 'saskia'), ezinbestekoa da jakitea ez bakarrik zer jQuery buruz, baina zer #to, val, saskia. Hain zuzen ere, beharrezkoa da oinarrizko HTML etiketa eta arau orokor CSS estiloak haiei aplikatzen jakitea.

Hau nahikoa azkar goratzeko edozein espezializazio titulua Internet programazioaren inguruan dago.