Estructura básica de HTML.

Cada página web que visitas está construida bajo el estándar HTML (HyperText Markup Language) creado por el físico Tim Berners-Lee, investigador del CERN (Organización Europea para la Investigación Nuclear) que propuso un nuevo sistema de “hipertexto” para compartir documentos. Por hipertexto podemos entender a un sistema que permite enlazar fragmentos de texto entre sí para acceder a la información y que fue propuesto en los 60’s por T. H. Nelson en su artículo “A File Structure for The Complex, The Changing and the Indeterminate”, para definir a un escrito interconectado de tal manera que no podría representarse en papel, tal y como lo hacen las páginas web.

La primera etiqueta que siempre se visualiza en la todas las páginas web es el “!DOCTYPE”, que se entiende como la definición del tipo de documento, es decir, estamos definiendo la estructura del documento.

Actualmente en la mayoría de las webs se sigue una estructura “HTML5” pero hay que recordar que existen otros más como: HTML 4.01 Strict (Estricto), HTML 4.01 Transitional (Transicional) o XHTML 1.0 Strict, por ello la importancia de que siempre vaya al inicio de cada página web para que el navegador sepa el tipo de documento que va a leer.

Después, tenemos la etiqueta principal o raíz que es <html> con sus respectivos símbolos de apertura <> y cierre </>.

Una vez definido nuestro tipo de documento y la etiqueta raíz, tenemos dos más principales: <head> y <body>.

En el head se colocará información que es importante para el navegador como hojas de estilos, scripts o metadatos.

En el body colocarás información que es importante para el usuario, como párrafos, color del texto, links, imágenes entro otras.

Estructura básica de una página HTML.

Para finalizar hay que recalcar que HTML si es un lenguaje, pero NO de programación sino de estructura para nuestros sitios web y que solo el navegador entenderá.

Leave a Reply