Tim Berners-Lee crea en el año 1992 un prototipo que daría origen al HTML, Berners-Lee consideraba que existía la posibilidad de usar “hipertexto” para la vinculación documentos. Por tal motivo logra desarrollar el “Lenguaje de marcado de hipertexto” o “HyperText Markup Language” que usa las siglas HTML. Desarrolla un protocolo que permitía acceder al texto desde otros documentos por medio de “Hipervínculos”, este protocolo se llama HTTP y dio las bases para lo que vendría en el futuro. El HTML es un derivado de un lenguaje de marcado conocido como “Lenguaje de marcado generalizado estándar” o “Standard Generalized Markup Language (SGML). Varias actualizaciones y versiones fueron publicadas en los años siguientes a su creación dando origen a lo que conocemos hoy en día como HTML5.
Versiones de HTML
- Versión HTML 2.0 (Fue lanzada en Noviembre 1995)
- Versión HTML 3.2 (Fue lanzada en Enero 1997)
- Versión HTML 4.0 (Fue lanzada en Diciembre 1997)
- Versión HTML 4.01 (Fue lanzada en Diciembre 1999)
- Versión HTML5 – Versión que usamos actualmente.
El HTML crea la estructura de un sitio web, pero es limitado en cuanto a las opciones de estilo, sin embargo con el lanzamiento de la versión HTML4 se introduce el CSS, y permite que los desarrolladores agreguen formato y estilos a los sitios web, expandiendo de esta manera las posibilidades que HTML ofrecía para su creación. El propósito de la introducción de CSS fue separar el estilo de la estructura, lo que logró separar la presentación del sitio y el contenido del mismo. El resultado fue la vinculación del CSS con el HTML mediante un enlace que es agregado en la estructura del código.
Primer Ejemplo de HTML
Para la realización de los ejemplos usare un “editor de código” (Sublime Text), puedes descargar uno gratuito para seguir los ejercicios (Atom) o usar el “Bloc de notas” que trae por defecto tu computador. La práctica es muy importante para aprender HTML, por lo tanto te sugiero que modifiques algunos elementos de los ejemplos para que veas sus cambios en la estructura y puedas entender mejor la función de cada uno de ellos. No necesitaras tener conocimientos en programación para aprender HTML, a medida que vas desarrollando los ejercicios y practicando, tendrás mejores habilidades para su desarrollo.
Abrimos nuestro editor o el bloc de notas y copiamos las líneas que se encuentran en el siguiente ejemplo para entender mejor el procedimiento.
<html> <head> <title>Curso HTML</title> </head> <body> ¡Hola Mundo! </body> </html> |
No olvides comentar si tienes alguna duda y te agradezco mucho que tomaras el tiempo de leer, si te gustó el articulo te agradezco lo compartas.
