Introducción al lenguaje HTML5

Que es HTML

HTML es el lenguaje de marcado estándar para crear páginas webs.

  • HTML significa Hyper Text Markup Language (lenguaje de marcado de hypertexto).
  • HTML describe la estructura de una página web.
  • HTML consiste en una serie de elementos.
  • Los elementos HTML le dicen a los navegadores como mostrar el contenido.
  • Los elementos HTML están representados por etiquetas.
  • Las etiquetas HTML tienen trozos de contenido como encabezados, párrafos, tablas…
  • Los navegadores no muestran las etiquetas, pero si la configuración de las mismas, es decir, el formato de como estén configuradas las etiquetas.

Ejm

<DOCTYPE html>
<html lang="es">
	<head>
		<title> Mi primer ejemplo HTML5</title>
	</head>	
	<body>
		<h1>Mi primer encabezado</h1>
		<p>Mi primer párrafo</p>
	</body>
</html>
</DOCTYPE>

Ejemplo explicado

  • <DOCTYPE html>: esta declaración define que el documento es un documento HTML5
  • <html>: esta etiqueta es el elemento raíz de una página HTML.
  • <head>: este elemento contiene meta información acerca del documento.
  • <title>: esta etiqueta especifica el título que va a tener el documento.
  • <body>: esta etiqueta contiene la parte visible de la página.
  • <h1>: esta etiqueta define un encabezado para la página.
  • <p>: esta etiqueta define un párrafo para la página.

Etiquetas HTML

Las etiquetas HTML son elementos que se encuentran encerrados entre los signos mayor y menor (< y >). Dichos elementos normalmente vienen por pares, del tipo <head>, donde el símbolo ‘<‘ es denominado comienzo de etiqueta, y el símbolo ‘>’ fin de etiqueta.

Navegadores web

La función o propósito de un navegador web (Chrome, Edge, Firefox, Safari, Opera…) es traducir los elementos HTML y mostrar su contenido.

Los navegadores no muestran las etiquetas HTML, pero las utilizan para determinar como mostrar el documento.

Estructura de una página web

El esquema de abajo muestra la estructura de una página web

Estructura de una página web

La declaración <!DOCTYPE>

La declaración <!DOCTYPE> representa el tipo de documento, y ayuda a los navegadores a mostrar las páginas web de manera correcta.

Sólo debe aparecer una vez, en la parte superior de la página (antes de las etiquetas HTML).

La declaración <!DOCTYPE> no distingue entre mayúsculas y minúsculas.

La declaración <!DOCTYPE> para HTML5 es:

<!DOCTYPE html>