OrdinadorsProgramació

Un exemple d'una pàgina HTML i els principis bàsics de

Inventat molts idiomes, però el llenguatge d'HTML és un dels més especials i vosstrebovan. Ja que implica una gran quantitat d'altres iniciatives clau en la programació. Molt s'ha parlat disponible, quan en la ment dels coneixements actuals desenvolupador de llenguatge de marcat - HyperText Markup Language (HTML).

De fet, en HTML, no hi ha res difícil, i en pocs minuts tots els més distants de la programació i d'Internet la gent va a complir amb la creació de pàgines HTML al bloc de notes. Exemples notables, la senzillesa, de fet, accessible a tots.

descripció general

arxiu HTML - un lloc d'una pàgina, encara que això és discutible, però el que és un arxiu per pàgina, per començar, és clar.

arxiu HTML comença amb una capçalera DOCTYPE que especifica que el tipus d'arxiu - HTML. Tots els elements de la pàgina (tags) s'indiquen entre parèntesis angulars. Cada parell ( "<" i ">") inclou una etiqueta HTML. En general, les etiquetes HTML estan aparellats, és a dir, per a cada «etiqueta» té «/ tag». Tots dos estan entre claus angulars. Hi ha una sola etiqueta, dels quals el més popular «br /» - la transició a la següent línia.

L'etiqueta a l'arxiu més gran - jo mateix HTML, que inclou només dues etiquetes: cap i el cos. En el primer cas, l'especificació diferent són indicatius d'enllaços a altres arxius de pàgina pertinents poden estar presents PHP i scripts de JavaScript. En el contingut escrit segona pàgina. També en forma d'etiquetes i seqüències d'ordres.

Senzilla pàgina HTML

Exemple de creació d'aquesta pàgina s'indica en l'article següent. Penseu acuradament.

secció HEAD

L'etiqueta principal objectiu CAP - una descripció general de la pàgina i les seqüències d'ordres generals, encara que aquest últim - només un concepte relatiu. En general, no dóna una importància considerable a només dos coses:

  • paraules clau i descripció de la pàgina;
  • enllaços a altres arxius (* .css i .js *).

Per visualitzar el contingut del contingut de la pàgina d'aquesta secció té importància només indirecta, ja que indica que alguns altres arxius tenen regles CSS per les etiquetes i altres llenguatges de scripts.

HTML-pàgina té un títol (títol), que es mostra quan un usuari porta el ratolí sobre la pestanya en què s'obri la pàgina. Això és important, ja que fa que la pàgina molt més presentable, més fàcil dir, va signar text llegible.

Meta-tags són importants en la programació web en general, però quan es requereix la creació de pàgines HTML en un quadern, un exemple de les estructures redundants desordre indesitjable.

A l'enllaç i enllaços guió de prestar especial atenció. La primera es refereix a un lloc on hi ha un arxiu de full d'estils CSS, el segon - la ubicació del fitxer JavaScript-codi. Aquests enllaços es poden establir.

Si utilitzeu seqüències d'ordres han de ser tractats com un coneixement d'HTML es farà més fort, s'ha de prestar atenció immediata en els fulls d'estil en cascada. Els arxius CSS són, en particular, les normes de registre d'etiquetes HTML.

secció BODY

De fet, una pàgina HTML de la mostra - aquesta és la secció del cos. És aquí que conté tota la informació, tot el contingut de la pàgina. Tota la informació es presenta en forma d'etiquetes i seqüències d'ordres, tals com la inserció d'un codi JavaScript o peces del PHP-programa.

És important adonar-se que l'exemple de pàgines web HTML en el navegador i el mateix exemple en un editor de text com el Bloc de notes, això no és el mateix. En el primer cas estem preparats HTML-text en el qual totes les seqüències d'ordres executats. Per exemple, PHP ha complert la seva part i formada en lloc del codi en els llocs correctes les etiquetes. JavaScript també va complir amb la seva missió, tot i això encara sigui una conversa separada.

HTML - Etiquetes en lloc de guions. Al final, només el contingut de la pàgina visualitzada en el navegador, però la seva etiqueta. Sense codi PHP no hi és.

JavaScript està en una posició especial, la seva cura - per servir a la pàgina, no només durant l'arrencada (sobrecàrrega), però en els moments en què la pàgina està en el navegador de l'usuari, i els estudis de TI.

Un exemple senzill de codi HTML-pàgina (només la secció de cos) es mostra a continuació.

El navegador d'un visitant es veu com es mostra a continuació.

No es va especificar en el codi ha de ser similar als elements que va fer el navegador. Tot el disseny és visible en les regles CSS. En aquest cas, mcss arxiu / scPhpWordRW.css que es fa referència (veure. El primer exemple d'una pàgina HTML).

A diferència d'HTML, CSS tema és més simple, no hi ha regles molt accessibles i el seu nombre és petit, quan l'exemple de la creació de pàgines HTML no requereix que no sigui el bloc de notes res. Tot és molt accessible per al desenvolupament immediat:

Això demostra el fàcil que és descrit scLogo_vDoc etiqueta, i aquesta descripció és que en un estat normal de l'etiqueta mostra una imatge vDoc-logo.png, i quan el ratolí està sobre ella - visualitzat vDoc-logo-h.png.

L'estructura de les descripcions HTML

El llenguatge no implica dur a terme qualsevol de l'estructura i la sintaxi del concepte aquí és molt relatiu. No hi ha variables, però hi ha un munt d'oportunitats. La base fonamental d'hipertext és que hi ha un element (etiqueta) que està segur de tenir un nom.

El nom del cas, el parell d'etiquetes, compost per noms propis (TagName) i parèntesis angulars ( «<» + TagName + «>»), si estem parlant del principi de l'etiqueta, i «», tot i que es registri el seu final.

Exemple de pàgines HTML que descriuen atributs ubicats en el text a continuació.

L'etiqueta pot tenir atributs, llavors es posen a través d'un espai després del nom de l'etiqueta abans de la clau de tancament ">". Atributs, si tenen l'etiqueta es registra només al principi. El contingut de l'etiqueta és la que es troba entre l'etiqueta d'inici i final de la mateixa.

Total d'descripcions de contingut HTML

HTML li permet descriure els elements de bloc i en línia. Primer, s'ocuparà una àrea determinada a la finestra del navegador pot col·locar-se absolutament, és a dir en el lloc correcte en el camp de la visualització de pàgines HTML, i tenen una mida específica.

Els elements en línia en general apareixen un fil, és a dir, com es va dir a l'arxiu de pàgina, i es mostren a la pantalla. La pantalla del flux total pot ser influenciat quan es produeix la càrrega de la pàgina. En la col·locació, la visibilitat, i altres propietats dels elements de bloc pot ser influenciada en qualsevol moment a través de JavaScript-codi.

A més dels elements simples, HTML ofereix per a descriure les taules i formularis. Aquests elements són d'una gran demanda a la "construcció de lloc cada dia."

Descripció de la taula: TAULA etiquetes, TR, TD

Quan l'etiqueta taula es pot utilitzar per crear una taula, utilitzeu una nombre de files i TR en una fila per un nombre de cèl·lules TD. En contrast amb la taula habitual de l'organització, a causa de l'organització de taules HTML marcat caràcter limitat a aquesta declaració, ja que si el desenvolupador vol tenir una taula rectangular en la qual el nombre de columnes en totes les files de la mateixa, llavors s'ha de seguir per tu mateix.

La posició de principi d'HTML: fer el que sigui, però res que no s'entén. En alguns casos no és tan important el nombre de columnes a cada fila de la taula, però si vol fer una combinació de cèl·lules de forma horitzontal o vertical, cal explicar tot amb molta cura.

Exemple de pàgina HTML amb una descripció d'una taula simple mostra gràficament en l'article.

Aquí és una taula que mostra la mida de tres files per tres columnes, amb la primera etiqueta fila TH es va utilitzar en lloc de l'etiqueta TD - la capçalera de la columna. Particularment es distingeix aquestes dues etiquetes no tenen, però és possible utilitzar el primer a distingir entre la primera fila de la taula, i en el CSS per a TH, es pot adjuntar el seu propi estil, que el distingeix d'altres TD.

Descripció formulari: etiqueta FORM, ENTRADA

Formulari - aquesta és la part més demandat de les etiquetes HTML. Utilitzant formes poden transmetre informació. En realitat, la pàgina - aquesta informació en pantalla, però la forma - d'entrada.

pàgina Exemple HTML amb una descripció d'una forma simple:

Usos de formes molt més, però les principals característiques són les següents. Es pot especificar el camp d'entrada, cal assignar-les a dissenyar i controladors d'esdeveniments per a l'anàlisi de l'entrada de l'usuari. Es pot especificar un camp ocult i transmetre informació des del fons de la pàgina. Pot designar botó de transmissió d'informació, pressionant que inicia el procés de transferència de dades.

L'ús d'HTML

Per conèixer el llenguatge d'hipertext - una condició indispensable per a qualsevol especialització del treball en el camp de la programació d'Internet, però si vols escriure un programa en PHP o JavaScript, HTML + CSS conèixer perfectament necessiten.

llenguatge PHP ha estat identificat en l'exemple anterior. PHP s'executa en el servidor, ja que una pàgina amb aquesta forma va volar des del servidor a navegador amb els camps plens. En particular, TestOnBlur funcions esmentades en l'ENTRADA etiqueta (onblur controlador d'esdeveniments), van rebre tots els paràmetres en la forma de camps de text.

El navegador executa JavaScript, ja funcionava correctament les dades botó enviar de tornada al servidor, és a dir, el disseny:. Onclick = jQuery ( '# a') Val ( 'carret'), cal conèixer no només sobre el que el jQuery, però el que # per, val, de compres. De manera més precisa, cal conèixer les etiquetes HTML bàsiques i les regles generals que se'ls apliquen els estils CSS.

Això és suficient per elevar ràpidament la qualificació de qualsevol especialització en l'àrea de programació d'Internet.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 ca.birmiss.com. Theme powered by WordPress.