¿Que es HTML?

En la actualidad la creación de sitios web ha ido evolucionando integrando diferentes tecnologías y otros lenguajes para lograr sitios sofisticados y dinámicos, pero el HTML es el lenguaje medular para cualquier sitio web.

HTML es un lenguaje de marcado para describir documentos web (páginas web).

  • HTML significa Hyper Text Markup Language.
  • Un lenguaje de Marcado es un conjunto de etiquetas para el marcado del contenido.
  • Los documentos HTML son descritos por las etiquetas HTML.
  • Cada etiqueta HTML describe diferentes contenidos del documento.

Documento HTML Básico:

<!DOCTYPE html>
<html>
<head>
  <title>Titulo de la Página</title>
</head>
<body>
  <h1>Mi primera página</h1>
  <p>Mi primer parrafo</p>
</body>
</html>

Explicación:

  • La declaración DOCTYPE define el tipo de documento HTML que es.
  • El texto entre la etiqueta <html> y </html> describe un documento HTML.
  • El texto entre <head> y </head> provee información acerca del documento.
  • El texto entre <title> y </title> provee un titulo para el documento.
  • El texto entre <body> y </body> describe el contenido visible del documento.
  • El texto entre <h1> y </h1> describe un encabezado.
  • El texto entre <p> y </p> describe un párrafo.

Usando esta descripción, un Navegador Web puede mostrar un documento con un encabezado y un párrafo.

Etiquetas HTML

Las etiquetas HTML son palabras clave (nombres de etiquetas) rodeadas de paréntesis angulares:

<nombre_etiqueta> contenido </nombre_etiqueta>

  • Normalmente las etiquetas vienen en pares como <p> y </p>.
  • La primer etiqueta en un par es la etiqueta de apertura, la segunda etiqueta es la etiqueta de cierre.
  • La etiqueta de cierre se escribe como la de apertura pero con una diagonal antes del nombre de la etiqueta.

Navegadores Web

El propósito de un Navegador Web (Chrome, IE, Firefox, Safari, etc.) es leer los documentos html y mostrarlos.

El Navegador Web no muestra las etiquetas HTML, pero las usa para determinar como mostrar el documento:

navegador web

Estructura del documento HTML:

<html>
<head>
<title>Titulo de la Página</title>
</head>
<body>
<h1>Esto es un Encabezado</h1>
<p>Esto es un Párrafo.</p>
<p>Esto es otro Párrafo.</p>
</body>
</html>

Solo el área de <body> (el área blanca) es mostrada por el Navegador Web.