Lenguaje HTML

En 1989 existían dos técnicas que permitían vincular documentos electrónicos, por un lado los hipervínculos y por otro lado un poderoso lenguaje de etiquetas denominado SGML. Por entonces, Tim Berners-Lee da a conocer a la prensa que estaba trabajando en un sistema que permitirá acceder a ficheros en línea que funcionaba sobre redes de computadoras o máquinas electrónicas basadas en el protocolo TCP/IP.

A principios de 1990, define por fin el HTML como un subconjunto del conocido SGML y crea algo más valioso aún, el World Wide Web. Aparte de esto creó un sistema que facilitaba la lectura de información mediante un programa de navegación, es decir, creó el primer navegador. A partir de ahí se fueron desarrollando más navegadores como Line Mode Browser.

En 1997, HTML 4.0 se publicó como una recomendación del W3C. HTML 4.0 adoptó muchos elementos específicos desarrollados inicialmente para un navegador web concreto, pero al mismo tiempo comenzó a limpiar el HTML señalando algunos de ellos como desaprobados.

En 2006, el W3C se interesó en el desarrollo de HTML5, y en 2007 se unió al grupo de trabajo del WHATWG para unificar el proyecto.

Historia del estándar

El diseño en HTML, aparte de cumplir con las especificaciones propias del lenguaje, debe respetar ciertos criterios de accesibilidad web, siguiendo unas pautas o las normativas y leyes vigentes en los países donde se regule dicho concepto.

Se encuentra disponible y desarrollado por el W3C a través de las Pautas de Accesibilidad al Contenido, aunque muchos países tienen especificaciones propias, como es el caso de España

Historia de HTML

Tim Berners-Lee en 1991 describe 22 elementos que incluyen el diseño inicial y relativamente simple de HTML. Trece de estos elementos todavía existen en HTML 4.

Documento en HTML

El HTML se escribe en forma de «etiquetas», rodeadas por corchetes angulares (<,>). HTML también puede describir, hasta un cierto punto, la apariencia de un documento, y puede incluir o hacer referencia a un tipo de programa llamado script, el cual puede afectar el comportamiento de navegadores web y otros procesadores de HTML.

Marcado HTML

El lenguaje HTML puede ser creado y editado con cualquier editor de textos básico, como puede ser Gedit en Linux, el Bloc de notas de Windows, pero hemos trabajado con Notepad++.

Existen, además, otros editores para la realización de sitios que permiten ver el resultado de lo que se está editando en tiempo real, a medida que se va desarrollando el documento. Estos editores se llaman WYSIWYG y algunos ejemplos de él son KompoZer o Adobe Dreamweaver.

Nociones básicas del HTML

¿Qué es el lenguaje HTML?

Tipos de etiquetas

HTML, siglas de lenguaje de marcas de hipertexto en inglés, hace referencia al lenguaje de marcado para la elaboración de páginas web. Las páginas web están construidas en un lenguaje de etiquetas denominado lenguaje html.

El lenguaje HTML está basado en su desarrollo en la referenciación. Para añadir un elemento externo a la página, este no se incrusta directamente en el código de la página, sino que se hace una referencia a la ubicación de dicho elemento mediante texto.

Al ser un estándar, HTML busca ser un lenguaje que permita que cualquier página web escrita en una determinada versión, pueda ser interpretada de la misma forma (estándar) por cualquier navegador web actualizado.

Berners-Lee consideraba a HTML una ampliación de SGML, pero no fue formalmente reconocida como tal hasta la publicación a mediados de 1993. Destacó el reconocimiento de la etiqueta propia del navegador Mosaic usada para insertar imágenes sin cambio de línea, que reflejaba la filosofía del IETF de basar estándares en prototipos con éxito. De la misma manera, el boceto competidor de Dave Raggett HTMLde finales de 1993, sugería estandarizar características ya implementadas, como las tablas.

HTML también sirve para referirse al contenido del tipo de MIME o todavía más ampliamente como un término genérico para el HTML.

HTML consta de varios componentes vitales, que son los elementos y sus atributos.

Los elementos son la estructura básica de HTML. Estos tienen dos propiedades básicas: atributos y contenido. Cada atributo y contenido tiene ciertas restricciones para que se considere válido al documento HTML. Un elemento generalmente tiene una etiqueta de inicio y una de cierre

La mayoría de los atributos de un elemento son pares nombre-valor, separados por un signo de igual «=» y escritos en la etiqueta de comienzo de un elemento, después del nombre de éste. El valor puede estar rodeado por comillas dobles o simples, aunque ciertos tipos de valores pueden estar sin comillas en HTML. De todas maneras, dejar los valores sin comillas es considerado poco seguro.

Elementos

Atributos

<html>: Inicia el documento HTML, le indica al navegador que lo que viene a continuación debe ser interpretado como código HTML.

<script>: incrusta un script en una web, o llama a uno mediante src="url del script".

<head>: define la cabecera del documento HTML; esta cabecera suele contener información sobre el documento que no se muestra directamente al usuario como, por ejemplo, el título de la ventana del navegador. Dentro de la cabecera es posible encontrar:

<title>: define el título de la página. Por lo general, el título aparece en la barra de título encima de la ventana.

<href=””>: para vincular el sitio a hojas de estilo o iconos. Por ejemplo: href="/style.css"

<style>: para colocar el estilo interno de la página.

<meta>: para metadatos como la autoría o la licencia, incluso para indicar parámetros http (http-equiv="") cuando no se pueden modificar por no estar disponible la configuración o por dificultades con server-side scripting.

<body>: define el contenido principal o cuerpo del documento. Esta es la parte del documento html que se muestra en el navegador; dentro de esta etiqueta pueden definirse propiedades comunes a toda la página, como color de fondo y márgenes. Dentro del cuerpo <body> es posible encontrar numerosas etiquetas. A continuación se indican algunas a modo de ejemplo:

<h1> a <h6>: etiquetas o encabezados del documento con diferente relevancia.

<table>: define una tabla.

<tr>: fila de una tabla.

<td>: celda de una tabla (debe estar dentro de una fila).

<a>: hipervínculo o enlace, dentro o fuera del sitio web. Por ejemplo:<a href="http://www.example.com" title="Ejemplo" </a>

<div>: división de la página. Se recomienda en vez de <table> cuando se desea alinear contenido.

<img>: imagen. Es necesario indicar la ruta en la que se encuentra la imagen. Por ejemplo: <img src="./imágenes/mifoto.jpg" />.

<li><ol><ul>: etiquetas para listas. <ul> para agregar una lista desordenada y <ol> para añadir una lista ordenada. <li> se usa para poner un punto dentro de una línea desordenada.

<strong>: texto en negrita

<em>: texto en cursiva

<del>: texto tachado

• <table><tr><td>Contenido de una celda</td></tr></table>.

• <script>Código de un script integrado en la página</script>.