HTML5

Cuando hablamos de HTML5 lo primero que tenemos que saber es que es la última versión de la tecnología HTML, cuyas siglas corresponden a “ HyperText Markup Language ”, que tiene el siguiente significado:

  •  HyperText , cuyo significado es hipertexto, que no es más que un texto que enlaza con otros contenidos , que pueden ser otro texto u otro archivo. Esto es la base del funcionamiento de la web tal y como la conocemos , que no es más que páginas y recursos interconectados.
  •  Markup , que significa marca o etiqueta, ya que todas las páginas web están construidas en base a etiquetas , desde las primeras versiones hasta las últimas etiquetas de HTML5. Un ejemplo de una etiqueta HTML es la que identifica a un párrafo, que se compone de la etiqueta, el contenido de la etiqueta y el cierre del párrafo: <p>HOLA</p> .
  •  Languaje , cuyo significado es lenguaje, porque HTML es un lenguaje, es decir, tiene sus normas, tiene su estructura y una serie de convenciones que nos sirven para definir tanto la estructura como el contenido de una web.

Algo importante a tener en cuenta y con lo que no hay que confundirse, es que porque HTML sea un lenguaje no quiere decir que sea un lenguaje programación. HTML no lo es , ya que no tiene estructuras de lenguaje de programación, como los bucles, las condiciones, las funciones, etcétera.

Algunas de las nuevas características de HTML5 serían:

  • Nuevas etiquetas semánticas para estructurar los documentos HTML, destinadas a remplazar la necesidad de tener una etiqueta que identifique cada bloque de la página.
  • Los nuevos elementos multimedia como audio y video.
  • La integración de gráficos vectoriales escalables (SVG) en sustitución de los genéricos object, y un nuevo elemento canvas que nos permite dibujar en él.
  • El cambio, redefinición o estandarización de algunos elementos, como a, cite o menu.
  • MathML para fórmulas matemáticas.
  • Almacenamiento local en el lado del cliente.
  • Y otros muchos nuevos APIs que veremos a lo largo de los siguientes capítulos.

Ejemplo

<!DOCTYPE html>
<html>
<head>
<title>Titulo de la Pagina</title>
</head>
<body>

<h1>Este es un titulo</h1>
<p>Este es un parrafo</p>

</body>
</html>

Para poder hacer funcionar el siguiente código tienes que copiarlo en un editor de codigo o en un blog de notas.

Después de copiarlo en un blog de notas lo guardas con extension nombre.html y le das doble click para abrirlo en un navegador.

Se deberia ver de la siguiente manera: