HTML

HTML, sigla n'inglés de HyperText Markup Language (llinguaxe de marques de hipertestu), fai referencia al llinguaxe de marcáu pa la ellaboración de páxina web. Ye un estándar que sirve de referencia del software que coneuta cola ellaboración de páxina web nes sos distintes versiones, define una estructura básica y un códigu (denomináu códigu HTML) pa la definición de conteníu d'una páxina web, como testu, imáxenes, videos, xuegos, ente otros. Ye un estándar a cargu del World Wide Web Consortium (W3C) o Consorciu WWW, organización dedicada a la estandarización de casi toles teunoloxíes amestaes a la web, sobremanera no referente a la so escritura ya interpretación. Considérase'l llinguaxe web más importante siendo la so invención crucial na apaición, desenvolvimientu y espansión de la World Wide Web (WWW). Ye l'estándar que s'impunxo na visualización de páxina web y ye el que tolos navegadores actuales adoptaron.

HTML

Desendolcador(es)	World Wide Web Consortium, Grupo de Trabajo de Ingeniería de Internet (es) y Web Hypertext Application Technology Working Group (es)
Estensión de ficheru	.html .htm
Tipu de MIME	text/html
Versión inicial	1989
Tipu	API web (es) , recomendación W3C (es) , obra creativa, familia de formatos de archivo (es) , llinguaxe de marques y estándar ISO
Llicencia	Creative Commons Atribución 4.0 Internacional (es)
Más información
Sitiu web	Web oficial
Códigu fonte	Códigu fonte
Etiqueta de Stack Exchange	Stack Exchange

El llinguaxe HTML basa la so filosofía de desenvolvimientu na diferenciación. P'añader un elementu esternu a la páxina (imaxe, videu, script, ente otros.), esti nun s'encualla direutamente nel códigu de la páxina, sinón que se fai una referencia al allugamientu de dichu elementu por aciu testu. D'esta miente, la páxina web contién solamente testu ente que recái nel navegador web (interpretador del códigu) la xera de xunir tolos elementos y visualizar la páxina final. Al ser un estándar, HTML busca ser un llinguaxe que dexe que cualquier páxina web escrita nuna determinada versión, pueda ser interpretada de la mesma forma (estándar) por cualesquier navegador web actualizáu.

Sicasí, a lo llargo de les sos distintes versiones, s'incorporaron y suprimieron diverses carauterístiques, col fin de faelo más eficiente y facilitar el desenvolvimientu de páxina web compatibles con distintos navegadores y plataformes (PC d'escritoriu, portátiles, teléfonos intelixentes, tabletas, vipers etc.) Sicasí, pa interpretar correutamente una nueva versión d'HTML, los desarrolladores de navegador web tienen d'incorporar estos cambeos y l'usuariu tien de ser capaz d'usar la nueva versión del navegador colos cambeos incorporaos. De normal los cambeos son aplicaos por aciu parches d'actualización automática (Firefox, Chrome) o ufiertando una nueva versión del navegador con tolos cambeos incorporaos, nun sitiu web de descarga oficial (Internet Explorer). Polo qu'un navegador desactualizado nun va ser capaz d'interpretar correutamente una páxina web escrita nuna versión d'HTML cimeru a la que pueda interpretar, lo qu'obliga munches vegaes a los desarrolladores a aplicar téuniques y cambeos que dexen correxir problemes de visualización ya inclusive d'interpretación de códigu HTML. Asina mesmu, les páxines escrites nuna versión anterior d'HTML tendríen de ser actualizaes o reescritas, lo que non siempres se cumple. Ye por ello que ciertu navegadores inda caltienen la capacidá d'interpretar páxina web de versiones HTML anteriores. Por estes razones, inda esisten diferencies ente distintos navegadores y versiones al interpretar una mesma páxina web.

Primeres especificaciones d'HTML

Tim Berners-Lee (TBL) en 1991 describe 18 elementos qu'inclúin el diseñu inicial y relativamente simple d'HTML. Trelce d'estos elementos inda esisten en HTML 4.

Berners-Lee consideraba l'HTML una ampliación de SGML, pero nun foi formalmente reconocida como tal hasta la publicación a mediaos de 1993, pola IETF (n'español: Grupu de Trabayu d'Inxeniería d'Internet), d'una primer proposición pa una especificación del HTML: el borrador del Hypertext Markup Language de Berners-Lee y Dan Connolly, qu'incluyía una Definición de Tipu de Documentu SGML pa definir la gramática. El borrador expiró a los seis meses, pero foi notable pola so reconocencia de la etiqueta propia del navegador Mosaic usada pa inxertar imáxenes ensin cambéu de llinia, que reflexaba la filosofía del IETF de basar estándares en prototipos con ésitu. De la mesma manera, el borrador competidor de Dave Raggett HTML+ (Hypertext Markup Format) (Formatu de Marcaje de Hipertestu), de finales de 1993, suxuría estandarizar carauterístiques yá implementaes, como les tables.

Marcador HTML

L'HTML escribir en forma de «etiquetes», arrodiaes por corchetes angulares (<,>,/). L'HTML tamién puede describir, hasta un ciertu puntu, l'apariencia d'un documentu, y puede incluyir o faer referencia a un tipu de programa llamáu script, que puede afectar el comportamientu de navegador web y otru procesadores d'HTML.

HTML tamién sirve pa referise al conteníu del tipu d'MIME text/html o inda más llargamente como un términu xenéricu pal HTML, yá seya en forma baxada del XML (como XHTML 1.0 y posteriores) o en forma baxada direutamente de SGML (como HTML 4.01 y anteriores).

HTML consta de dellos componentes vitales, ente ellos los elementos y los sos atributos, tipos de data y la declaración de tipu de documentu.

Elementos

Los elementos son la estructura básica d'HTML. Los elementos tienen dos propiedad básiques: atributos y conteníu. Cada atributu y conteníu tien ciertes restricciones por que se considere válidu al documentu HTML. Un elementu xeneralmente tien una etiqueta d'entamu (por casu, <nome-de-elementu>) y una etiqueta de zarru (por casu, </nome-de-elementu>). Los atributos del elementu tán conteníos na etiqueta d'entamu y el conteníu ta allugáu ente los dos etiquetes (por casu, <nome-de-elementu atributu="valor">Conteníu</nome-de-elementu>). Dellos elementos, tales como <br>, nun tienen conteníu nin lleven una etiqueta de zarru. Debaxo se listan dellos tipos d'elementos de marcáu usaos en HTML.

Estructura xeneral d'una llinia de códigu nel llinguaxe d'etiquetes HTML.

El marcáu estructural describe'l propósitu del testu. Por casu, <h2>Golf</h2> establez «Golf» como un encabezamientu de segundu nivel, que amosaríase nun navegador d'una manera similar al títulu Marcáu HTML» de primeres d'esta seición. El marcáu estructural nun define cómo se va ver l'elementu, pero la mayoría de los navegadores web han estandarizado el formatu de los elementos. Puede aplicase un formatu específicu al testu per mediu de fueyes d'estilu en cascada.

El marcáu presentacional describe l'apariencia del testu, ensin importar la so función. Por casu, <b>negrina</b> indica que los navegadores web visuales tienen d'amosar el testu en negrina, pero nun indica qué tienen de faer el navegadores web qu'amuesen el conteníu d'otra manera (por casu, los que lleen el testu en voz alta). Nel casu de <b>negrina</b> y <i>itálica</i>, esisten elementos que se ven de la mesma manera pero tienen una naturaleza más semántica: <strong>énfasis fuerte</strong> y <em>énfasis</em>. Ye fácil ver cómo un llector de pantalla tendría d'interpretar estos dos elementos. Sicasí, son equivalentes a los sos correspondientes elementos presentacionales: un llector de pantalla nun tendría de dicir más fuerte'l nome d'un llibru, anque'l nome resalte en itáliques nuna pantalla. La mayoría del marcáu presentacional foi refugada con HTML 4.0, en favor de fueyes d'estilu en cascada.

El marcáu hipertextual utilizar pa enllazar partes del documentu con otros documentos o con otres partes del mesmu documentu. Pa crear un enllaz ye necesariu utilizar la etiqueta d'ancla <a> xunto col atributu href, que va establecer la direición URL a la qu'apunta l'enllaz. Por casu, un enllaz qu'amuese'l testu de la direición y vaya escontra la nuesa Wikipedia podría ser de la forma <a href=”http://www.wikipedia.org”>http://www.wikipedia.org</a>. Tamién pueden crease enllaces sobre otros oxetos, tales como imáxenes <a href=”enllaz”><img src=”imaxe” /></a>.

Atributos

Na so mayoría de los atributos d'un elementu son pares nome-valor, dixebraos por un signu d'igual «=» y escritos na etiqueta d'empiezu d'un elementu, dempués del nome del elementu. El valor puede tar arrodiáu per comines dobles o simples, anque ciertos tipos de valores pueden tar ensin comines en HTML (pero non en XHTML). De toes formes, dexar los valores ensin comines ye consideráu pocu seguru. En contraste colos pares nome-elementu, hai dellos atributos qu'afecten al elementu a cencielles pola so presencia (tal como l'atributu ismap pal elementu img).

Código HTML básicos

Un exemplu de códigu HTML con coloriáu de sintaxis.

• <html>: define l'entamu del documentu HTML, indíca-y al navegador que lo que vien de siguío tien de ser interpretáu como códigu HTML. Esto ye asina de facto, yá qu'en teoría lo que define'l tipu de documentu ye'l DOCTYPE, que significa la pallabra xusto tres DOCTYPE el tag de raigañu.
• <script>: encualla un script nuna web, o llapada a unu por aciu src="url del script". Encamiéntase incluyir el tipu MIME nel atributu type, nel casu de JavaScript text/javascript.
• <head>: define la cabecera del documentu HTML; esta cabecera suel contener información sobre'l documentu que nun s'amuesa direutamente al usuariu como, por casu, el títulu de la ventana del navegador. Dientro de la cabecera <head> ye posible atopar:
  • <title>: define'l títulu de la páxina. Polo xeneral, el títulu apaez na barra de títulu enriba de la ventana.
  • <link>: pa venceyar el sitiu a fueyes d'estilu o iconos. Por casu:<link rel="stylesheet" href="/style.css" type="text/css">.
  • <style>: p'asitiar l'estilu internu de la páxina; yá seya usando CSS o otros llinguaxes similares. Nun ye necesariu asitialo si va venceyase a un archivu esternu usando la etiqueta <link>.
  • <meta>: pa metadatos como l'autoría o la llicencia, inclusive pa indicar parámetros http (por aciu http-equiv="") cuando non pueden modificar por non tar disponible la configuración o por dificultaes con server-side scripting.
• <body>: define'l conteníu principal o cuerpu del documentu. Esta ye la parte del documentu html que s'amuesa nel navegador; dientro d'esta etiqueta pueden definise propiedaes comunes a tola páxina, como color de fondu y márxenes. Dientro del cuerpu <body> ye posible atopar numberoses etiquetes. De siguío indíquense dalgunes a manera d'exemplu:
  • <article>: Representa una composición autu-contenida nun documentu, páxina, una aplicación o nel sitiu, que se destina a distribuyir de forma independiente o re-aplicable.
  • <h1> a <h6>: encabezadures o títulos del documentu con distinta relevancia.
  • <table>: define una tabla.
    • <tr>: fila d'una tabla.
    • <td>: celda d'una tabla (ten de tar dientro d'una fila).
    • <footer> : representa'l pie d'un documentu o seición. La información que se suel añader nesti bloque ye l'autor del documentu, enllaces a conteníu rellacionáu, información de copyright, avisos llegales, etc.
  • <a>: hiperenllaz, dientro o fora del sitiu web. Tien De definise'l parámetru de pasada per mediu del atributu href. Por casu: <a href="http://www.example.com" title="Exemplu" target="_blank" tabindex="1">Exemplu</a> represéntase como exemplu.
  • <div>: división de la páxina. Encamiéntase, xunto con css, en cuenta de <table> cuando se desea alliniar conteníu.
  • <img>: imaxe. Rique del atributu src, qu'indica la ruta na que s'atopa la imaxe. Por casu: <img src="./imáxenes/mifoto.jpg" />. Ye conveniente, por accesibilidá, poner un atributu alt="testu alternativu".
  • <li><ol><ul>: etiquetes pa llistes.
  • <b>: testu en negrina (etiqueta desaprobada. Encamiéntase usar la etiqueta <strong>).
  • <i>: testu en cursiva (etiqueta desaprobada. Encamiéntase usar la etiqueta <em>).
  • <s>: testu tacháu (etiqueta desaprobada. Encamiéntase usar la etiqueta <del>).
  • <u>: Antes texto sorrayáu. A partir d'HTML 5 define porciones de testu estremaes o destacaes del restu, pa indicar correiciones por casu (etiqueta desaprobada en HTML 4.01 y redefinida en HTML 5).
  • <main>: división estructural de la páxina que engloba el conteníu principal de la mesma. Dientro d'esta etiqueta, por casu, atopamos los <article>
  • <span> : Sirve pa estremar un testu d'otru.

La mayoría d'etiquetes tienen de cerrase como s'abrir, pero con una barra («/») tal como s'amuesa nos siguientes exemplos:

• <table><tr><td>Conteníu d'una celda</td></tr></table>.
• <script>Códigu d'un script integráu na páxina</script>
• <header> División estructural na parte del conteníu.

Colores pa HTML

Hai munches formes de pone-y color a una páxina web col llinguaxe HTML, una d'elles ye poner el siguiente atributu a un elementu: style="background-color: green" y el fondu va facer de color verde, anque nun s'encamienta. La meyor solución ye usar fueyes d'estilu . Otru casu sería añader estilos a la lletra, veamos un exemplu: Testu de prueba y asina la lletra va poner de color verde.

Nociones básiques d'HTML

El llinguaxe HTML pue ser creáu y editáu con cualesquier editor de testus básicu, como pue ser Gedit en GNU/Linux, el Bloc de notes de Windows, o cualesquier otru editor qu'almita testu ensin formatu como GNU Emacs, Microsoft Wordpad, TextPad, Vim, Notepad++, ente otros.

Esisten, amás, otros editores pa la realización de sitiu web con carauterístiques WYSIWYG (What You See Is What You Get, o n'español: «lo que ves ye lo que llogres»). Esti editores dexen ver la resultancia de lo que se ta editando en tiempu real, a midida que vase desenvolviendo'l documentu. Agora bien, esto nun significa una manera distinta de realizar sitiu web, sinón qu'una forma un tanto más simple, una y bones estos programes, amás de tener la opción de trabayar cola vista preliminar, tien la so propia seición HTML, que va xenerando tol códigu a midida que vase trabayando. Dellos exemplos d'editores WYSIWYG son KompoZer, Microsoft FrontPage o Adobe Dreamweaver.

Combinar estos dos métodos resulta bien interesante, yá que de dalguna manera ayudar ente sigo. Por casu, si edita tou en HTML y el desarrollador escaez dalgún códigu o etiqueta, basta con dirixise al editor visual o WYSIWYG y síguese ende la edición o viceversa, yá que hai casos en que resulta más rápidu y fácil escribir direutamente'l códigu de dalguna carauterística que l'usuariu desea xuntar al sitiu que buscar la opción nel programa mesmu.

Esiste otru tipu d'editor HTML llamaos WYSIWYM que dan más importancia al conteníu y al significáu qu'a l'apariencia visual. Ente los oxetivos que tienen esti editores ye la separación del conteníu y la presentación, fundamental nel diseñu web.

HTML utiliza etiquetes o marques, que consisten en curties instrucciones d'empiezu y final, por aciu les cualos determinar la forma na que tien d'apaecer na so navegador el testu, según tamién les imáxenes y los demás elementos, na pantalla del ordenador.

Toa etiqueta identifícase porque ta zarrada ente los signos menor que y mayor que (<>), y dalgunes tienen atributos que pueden tomar dalgún valor. Polo xeneral les etiquetes van aplicar de dos formes especiales:

• Ábrense y ciérrense, como por casu: <b>negrina</b>, que se vería nel so navegador web como negrina.
• Nun pueden abrir y cerrase, como <hr />, que se vería nel so navegador web como una llinia horizontal.
• Otres que pueden abrir y cerrase, como por casu <p>.
• Les etiquetes básiques o mínimes son:

<!DOCTYPE HTML>
<html>
 <head>
 <title>Exemplu1</title>
 </head>
 <body>
 <p>Párrafu d'exemplu</p>
 </body>
</html>

Aprender HTML analizando páxines reales

Escoyendo la opción «ver código fuente» nel navegador, puede vese realmente la información que ta recibiendo'l navegador web y cómo la ta interpretando.

Prinda del inspeutor de páxina de Firefox.

Por casu: en Internet Explorer o en Firefox, a cencielles hai qu'esplegar el menú «ver» y depués escoyer «código fuente», ente qu'en Chrome primir Ctrl+O. D'esta forma, va abrise l'editor de testu configuráu como predeterminado nel sistema col códigu fonte de la páxina que se tea viendo nesi momentu nel esplorador. Otra forma más rápida consiste en faer clic col botón derechu del mure en cualquier puntu del área onde'l navegador amuesa la páxina web y escoyer «ver código fuente».

Amás de poder ver el códigu fuente HTML d'una páxina web coles opciones antes descrites, Internet Explorer, Firefox y Google Chrome incorporen tamién unes ferramientes conocíes como inspeutores de páxina que puede activase con F12.

Con estes ferramientes ye posible visualizar una páxina web y escoyer dientro d'ella un elementu concretu del cuál queremos conocer cuál ye'l códigu HTML col que ta fechu señalando l'elementu en cuestión a cencielles col mure. Al faer esto, el códigu va amosar nun área especial dientro del navegador nel que l'usuariu va poder ver el códigu HTML en cuestión (ver imaxe), amás, de les regles CSS qu'apliquen a esi códigu HTML en concretu. Esti tipu d'analís resulta por demás instructivu p'aprender a desenvolver en HTML.

Pal navegador Firefox, amás, esiste como alternativa a la ferramienta nativo'l plugin Firebug, bien similar a la ferramienta que Firefox incorpora por defectu.

Historia del estándar

En 1989 esistíen dos téuniques que dexaben venceyar documentos electrónicos, per un sitiu los hipervínculos o enllaces (hiperlinks o links) y per otru llau un poderosu llinguaxe d'etiquetes denomináu SGML. Daquella, Tim Berners-Lee, quien trabayaba nel Centru Européu d'Investigaciones Nucleares CERN da a conocer a la prensa que taba trabayando nun sistema que va dexar aportar a ficheros en llinia que funcionaba sobre redes d'ordenadores o máquines electróniques basaes nel protocolu TCP/IP. Primeramente foi desenvueltu por que pudiera compartise fácilmente información ente científicos de distintes universidaes ya institutos d'investigación de tol mundu.

A principios de 1990, define por fin l'HTML como un subconxuntu del conocíu SGML y crea daqué más pervalible inclusive, el World Wide Web.

Tim Berners-Lee creó'l proyeutu World Wide Web (Texíu o Telaraña Mundial), según un sistema que facilitaba la llectura d'información, por aciu un programa de navegación. Sería'l primer navegador web, llamáu WorldWideWeb, y desenvueltu mientres la segunda metá del añu 1990; siendo tiempu dempués rebautizado como Nexus, pa evitar tracamundios pol so nome que yera igual al de la teunoloxía que representaba. Siguiéron-y otros dos navegadores: el Line Mode Browser y el ViolaWWW. Esti postreru, desenvueltu en 1992, foi'l primer navegador en popularizase ente los primeros usuarios de la World Wide Web.

Pei-Yuan Wei presentó'l ViolaWWW, que funcionaría en manera testu y sobre un sistema operativu UNIX.

Los trabayos pa crear un socesor del HTML, denomináu HTML +, empezaron a finales de 1993. HTML+ diseñóse orixinalmente pa ser un superconjunto del HTML que dexara evolucionar gradualmente dende'l formatu HTML anterior. A la primer especificación formal d'HTML+ dióse-y, poro, el númberu de versión 2 pa estremala de les propuestes non oficiales previes. Los trabayos sobre HTML+ siguieron, pero nunca se convirtió nun estándar, a pesar de ser la base formalmente más asemeyada al aspeutu compositivo de les especificaciones actuales.

El borrador del estándar HTML 3.0 foi propuestu pol acabante formar W3C en marzu de 1995. Con él introducieron munches nueves capacidaes; por casu, facilidaes pa crear tables, faer que'l testu fluyera alredor de les figures y amosar elementos matemáticos complexos. Anque se diseñó pa ser compatible con HTML 2.0, yera demasiáu complexu pa ser implementáu cola teunoloxía de la dómina, y cuando'l borrador del estándar expiró en setiembre de 1995, abandonóse por cuenta de la falta de sofitos de los fabricantes de navegador web. El HTML 3.1 nunca aportó a propuestu oficialmente, y l'estándar siguiente foi'l HTML 3.2, qu'abandonaba la mayoría de les nueves carauterístiques del HTML 3.0 y, a cambéu, adoptaba munchos elementos desenvueltos primeramente polos navegadores web Netscape y Mosaic. La posibilidá de trabayar con fórmules matemátiques que se propunxera nel HTML 3.0 pasó a quedar integrada nun estándar distintu llamáu MathML.

En 1997, HTML 4.0 publicóse como un encamientu del W3C. HTML 4.0 adoptó munchos elementos específicos desenvueltos primeramente pa un navegador web concretu, pero coles mesmes empezó a llimpiar l'HTML señalando dalgunos d'ellos como «desaprobados» (deprecated, n'inglés).

HTML 4.0 implementa carauterístiques como XForms 1.0 que nun precisen implementar motores de navegación que yeren incompatibles con delles páxines web HTML. En 2004 la W3C reabrió l'alderique de la evolución del HTML, y diéronse a conocer les bases pa la versión HTML5. Sicasí, esti trabayu foi refugáu polos miembros del W3C y daríase preferencia al desenvolvimientu del XML.

Apple, Mozilla y Opera anunciaron el so interés en siguir trabayando nel proyeutu sol nome de WHATWG, que se basa na compatibilidá con teunoloxíes anteriores.

En 2006, el W3C interesar nel desenvolvimientu de HTML5, y en 2007 xunir al grupu de trabayu del WHATWG pa unificar el proyeutu.

Accesibilidá web

Artículu principal: Accesibilidá web

El diseñu en HTML, amás de cumplir coles especificaciones propies del llinguaxe, tien de respetar ciertos criterios d'accesibilidá web, siguiendo unes pautes o les normatives y lleis vixentes nos países onde se regule dichu conceutu. Atópase disponible y desenvueltu pol W3C al traviés de les Pautes d'Accesibilidá al Conteníu Web 1.0 WCAG (actualizaes apocayá cola especificación 2.0), anque munchos países tienen especificaciones propies, como ye'l casu d'España cola Norma UNE 139803.

Entidá HTML

Artículu principal: Llista d'entidaes de carácter XML y HTML

Los calteres especiales como signu de puntuación, lletres con tilde o diéresis o símbolos d'escritura del llinguaxe tienen de convertise n'entidá HTML p'amosase nun navegador. La siguiente ye una llista de calteres españoles y la so correspondiente entidá HTML:

Calter	Entidá HTML	Calter	Entidá HTML
á	á	Á	Á
é	é	É	É
í	í	Í	Í
ó	ó	Ó	Ó
ú	ú	Ú	Ú
ü	ü	Ü	Ü
ñ	ñ	Ñ	Ñ
¡	¡	¿	¿

Ver tamién

• Etiquetes HTML/XHTML
• Colores HTML
• Fueyes d'estilu en cascada o CSS

Bibliografía

• Sergio Luján Mora (2001). Programación n'Internet: Veceres Web (llibro completu gratuitu en PDF), 1ª, Editorial Club Universitariu.
• Sergio Luján Mora (2002). Programación d'aplicaciones web: hestoria, principios básicos y veceros web (llibro completu gratuitu en PDF), 1ª, Editorial Club Universitariu.

Enllaces esternos

• Wikimedia Commons acueye conteníu multimedia sobre HTML .
• Wikillibros tien un llibru o manual sobre Llinguaxe HTML.
• Páxina web principal d'HTML — estándar de html del W3C (n'inglés)
• Borrador actual d'especificaciones d'HTML na so versión 5.

• Datos: Q8811
• Multimedia: HTML
• Llibros: Lenguaje HTML
• Recursos didácticos: HTML Básico - Lección 1