HTML (acrónimo para la expresión inglesa HyperText Markup Language, que significa Lenguaje de Marcación de Hipertexto) es un lenguaje de marcación utilizada para producir páginas en la Web. Documentos HTML pueden ser interpretados por navegadores. La tecnología es fruto de la "boda" de los patrones HyTime y SGML .
HyTime es un patrón para la representación estructurada de hipermédia y contenido basado en tiempo. Un documento es visto como un conjunto de eventos concurrentes dependientes de tiempo (como áudio, vídeo, etc.), conectados por hiper-conexiones. El patrón es independiente de otros patrones de procesamiento de texto en general.
SGML es un patrón de formatação de textos. No fue desarrollado para hipertexto, pero se hizo conveniente para transformar documentos en hiper-objetos y para describir las conexiones.
Tabla de contenido |
Tim Berners-Lee creó el HTML original (y otros protocolos asociados como el HTTP) en una estación NeXTcube usando el ambiente de desarrollo NeXTSTEP. En la época el lenguaje no era una especificación, pero una colección de herramientas para resolver un problema de Tim: la comunicación y disseminação de las investigaciones entre él y su grupo de compañeros. Su solución, quedada con a entonces emergente internet pública (que haría-si internet ) ganó atención mundial.
Las primeras versiones del HTML fueron definidas con reglas sintáticas flexibles, lo que ayudó aquellos sin familiaridade con la publicación en la Web. Actualmente la sintaxis del HTML es muy más rígida, permitiendo un código más preciso. A través del tiempo, la utilización de herramientas para autoría de HTML aumentó, así como la tendencia en hacer la sintaxis cada vez más rígida. A pesar de eso, por cuestiones históricas (retrocompatibilidade), los navegadores aún hoy consiguen interpretar páginas web que están lejos de ser un código HTML válido.
El lenguaje fue definido en especificaciones formales en la década de 1990, inspiradas en las propuestas originales de Tim Berners-Lee en crear un lenguaje basado en SGML para internet. La primera publicación fue esbozada por Berners-Lee y Dan Connolly, y publicada en 1993 en la IETF como una aplicación formal para el SGML (con una DTD en SGML definiendo la gramática). La IETF creó un grupo de trabajo para el HTML el año siguiente, y publicó el HTML 2.0 en 1995. Desde 1996, las especificaciones HTML vienen siendo mantenidas, con el auxílio de fabricantes de software, por la World Wide Web Consortium (W3C).[1] A pesar de eso, en 2000 el lenguaje se hizo también una norma internacional (ISO/IEC 15445:2000). La última especificación HTML lanzada por la W3C fue la recomendación HTML 4.01, publicada a finales de 1999 . Una errata aún fue lanzada en 2001.
Desde la publicación del HTML 3.5 a finales de 1997, el grupo de trabajo de la W3C ha cada vez más — y de 2002 a 2006, de forma exclusiva — focado en el desarrollo del XHTML, una especificación HTML basada en XML que es considerada por la W3C como un sucesor del HTML.[2][3][4] El XHTML hace uso de una sintaxis más rigurosa y menos ambígua para hacer el HTML más simple de ser procesado y extendido.
Todo documento HTML presenta etiquetas[5], elementos entre paréntesis angulares (chevron) (< y ); >esos elementos son los mandos de formatação del lenguaje. La mayoría de las etiquetas tiene su correspondiente de cierre:
<etiqueta>...</etiqueta>
Eso es necesario porque las etiquetas sirven para definir la formatação de una porción del documento, y así marcamos donde comienza y termina el texto con la formatação especificada por ella. Algunos elementos son llamados “vacíos”, pues no marcan una región de texto, sólo insertan algún elemento en el documento:
<etiqueta>
Una etiqueta es formada por mandos, atributos y valores. Los atributos modifican los resultados patrones de los mandos y los valores caracterizan ese cambio. Ejemplo:
<HR color="red">
En el cual:
HR = mando que diseña una barra horizontalcolor = atributo que especifica el color de la barrared = valor del atributo color, que es el color de la barra que será diseñadaCada mando tiene sus atributos posibles y sus valores. Un ejemplo, es el atributo size que puede ser usado con el mando FONT, con el HR pero que no puede ser usado con el mando BODY. Eso quiere decir que debemos saber exactamente cuáles los atributos y valores posibles para cada mando.
De una manera general el HTML es un poderoso recurso, siendo un lenguaje de marcación muy simple y accesible vuelta para la producción y reparto de documentos e imágenes.
Los documentos en HTML son archivos de texto simple que pueden ser creados y editados en cualquier editor de textos común, como el Bloque de Notas del Windows, o el TextEdit, del Macintosh. Para facilitar la producción de documentos, sin embargo, el mercado editores HTML específicos, con recursos sofisticados, que facilitan la realización de tareas repetitivas, inserción de objetos, elaboración de tablas y otros recursos (Ver lista abajo). Básicamente se dividen en dos tipos:
La estructura de un documento HTML presenta los siguientes componentes:
GeSHi Error: GeSHi could not find the language html4strict (using path /home/admin/wikitranslation/commons/extensions/SyntaxHighlight_GeSHi/geshi/geshi/) (code 2)
Usted necesita especificar un lenguaje, tal como: <source lang="html4strict">...</source>
Lenguajes soportados en el realce de sintaxis:
(error al cargar la lista de lenguajes soportados)
Las etiquetas HTML no son sensibles a la caja, por lo tanto es igual escribir <HTML>, <Html>, <html> o Html <>.
Las etiquetas básicas de HTML, cuya presencia es altamente recomendada en las páginas son:
<html>: define el inicio de un documento HTML e indica al navegador que todo contenidoposterior debe ser tratado como una serie de códigos HTML.<head>: define el cabeçalho de un documento HTML, que trae informaciones sobre el documento que está siendo abierto.<body>: define el contenido principal, el cuerpo del documento. Esta es la parte del documento HTML que es exhibida en el navegador. En el cuerpo se pueden definir propiedades comunes a toda la página, como color de fondo, márgenes, y otras formatações.Dentro del cabeçalho podemos encontrar los siguientes mandos:
<title>: define el título de la página, que es exhibido en la barra de título de los navegadores.<style>: define formatação en CSS.<script>: define programación de ciertas funciones en página con scripts, pudiendo añadir funciones de JavaScript .<link>: define conexiones de la página con otros archivos como feeds, CSS, scripts, etc.<meta>: define propiedades de la página, como codificación de caracteres, descripción de la página, autor, etc. Son meta informaciones sobre documento. Tales campos son muchos usados por mecanismos de búsqueda(como el Google) para obtener más informaciones sobre el documento, a fin de clasificarlo mejor. Por ejemplo, se puede añadir el código <meta name="description" content="descripción de su página" /> en el documento HTML para indicar al motor de búsqueda que texto de descripción presentar junto con la conexión para el documento. Para el sistema Google, mandos meta como keywords por ejemplo no son utilizadas para indexar páginas. Sólo <title> y la meta <description> son usadas para describir la página indexada.[6]Obs: las etiquetas <style> y script <> sirven tanto para delimitar el espacio usados por los códigos en la página cuanto para invocar códigos existentes en otros archivos externos.
Dentro del cuerpo podemos encontrar otras varias etiquetas que irán a moldear la página, como por ejemplo:
<h1>, <h2>,... <h6>: cabeçalhos y títulos en el documento en diversos tamaños. (cuánto menor sea el número, mayor sera el tamaño de la letra)<p>: nuevo párrafo.<br>: quiebra de línea.<table>: crea una tabla (líneas son creadas con <TR> y nuevas células con <TD>. Ya los cabeçalhos de columna son creados con la etiqueta <TH>.)<div>: determina una división en la página la cual puede poseer variadas formatações.<font>: altera la formatação (fuente, color y tamaño) de un tramo del texto.<b>, <i>, <u> y s <>: negrito, cursiva, subrayado y riscado, respectivamente.<img>: imagen.<a :>hiper-conexión para un otro local, sea una página, un email u otro servicio.<textarea>: caja de texto (con más de una línea); estas cajas de texto son muy usadas en blogs, ellas pueden ser auto seleccionables y contener otros códigos a ser distribuidos.<acronym>: acrónimo (sigla)<cite>: citação<address>: direcciónUna propiedad importante de los documentos HTML es la posibilidad de hacer hiperligações. Para eso se usa la etiqueta <a (del> inglés, anchor). Esta tiene los atributos: href que define el blanco de la hiperligação (que puede ser una página de Internet , una parte de la misma página o una dirección de email ) o name que define un blanco en esa página (a donde se puede hacer una hiperligação usando la etiqueta a con el atributo href). Ejemplos:
<la href="http://pt.wikipedia.org/">Clic aquí para acceder a la página principal de la Wikipédia en portugués.</a><la name="nombre">texto</a>En que nombre y texto pueden ser sustituidos por lo que desearse. Después se usa <la href="#nombre"> </a para> hiperligar a este "anchor".
Los caracteres especiales se definen usando mandos que comienzan con & y terminan con uno ;. Algunos ejemplos incluyen á (á), à (a la), ã (ã), â (â), ä (ä) y ccedil; & (ç). Otra vocal puede ser sustituida pelo a de estos ejemplos, incluyendo mayúsculas.
SICA, Carlos. HTML: Hable el Lenguaje de la Internet. 1.ed. Maringá - PR: Independiente, 1997. pp.50. 500 v. v. 1