Seleccionar página

HTML significa «Lenguaje de Marcado de Hipertexto» por sus siglas en inglés «HyperText Markup Language» y es el lenguaje utilizado para el desarrollo de páginas en Internet. Se compone de un conjunto de etiquetas que el navegador interpreta y muestra en la pantalla. Actualmente se encuentra en su versión HTML5. Merece la pena destacar que HTML no es un lenguaje de programación ya que no cuenta con las variables y/o estructuras propias de los mismos, sólo genera páginas web estáticas.

Historia HTML

El origen de HTML se remonta al año 1980, cuando un trabajador de la Organización Europea para la Investigación Nuclear, Tim Berners-Lee, desarrolló un nuevo sistema de hipertexto para compartir documentos con la ayuda del ingeniero de sistemas Robert Cailliau; ambos crearon así la WorldWideWeb (W3). El primer documento formal con el lenguaje HTML se publicó en 1991. Un par de años más tarde se lanzó la primera propuesta oficial para convertir HTML en un estándar, lo cual llegó dos años después, en 1995. El 22 de septiembre de ese mismo año se publicó el estándar HTML 2.0, que a pesar de su nombre, es el primer estándar oficial de HTML. La versión HTML 3.2 llegó en enero de 1997. El gran salto lo dió HTML 4.0 el 24 de abril de 1998 y entre sus novedades más destacadas estaban las hojas de estilos CSS, la posibilidad de incluir sripts en las páginas web, mejoras en los formularios… Finalmente, en octubre del año 2014 se lanzó la quinta versión del estándar, la que se utiliza a día de hoy. Una de sus grandes novedades fue que incorporaba etiquetas con códecs para mostrar los contenidos multimedia, así como para manejar grandes conjuntos de datos.

Documento HTML

Para crear una página web en HTML simplemente hay que crear un documento con esta extensión. El proceso es tan sencillo como desarrollar un archivo de texto, como por ejemplo el bloc de notas en el caso de Windows, en el que se indican las etiquetas correspondientes para crear una página.

Etiquetas HTML

Las etiquetas html son palabras rodeadas por corchetes angulares (< y >). Las etiquetas de apertura tienen la siguiente forma: <etiqueta>. A las de cierre se les añade además una barra alta: </etiqueta>. Algunas de las etiquetas más importantes son:  
  • <head> | </head>
  • <body> | </body>
  • <p> | </p>
Así, por ejemplo la etiqueta <p> indica el inicio de un párrafo de texto. Una vez escrita la etiqueta de apertura, el navegador web tomará como párrafo todo el texto que se encuentre después de dicha etiqueta hasta encontrar la de cierre </p> También hay determinadas etiquetas que no requieren de una de cierre:
  • <img> – Sirve para insertar una imagen. No necesita etiqueta de cierre ya que esta etiqueta simplemente indica el lugar donde se quiere insertar la imagen en cuestión.
  • <br> – Se utiliza para señalar un salto de línea. Tampoco necesita de etiqueta de cierre.
]]>