¿Qué es HTML?
HTML es un lenguaje de marcas para describir documentos web (web pages) .
- HTML significa Hyper Text Markup Language
- Un lenguaje de marcas es un conjunto de markup tags
- Los documentos HTML se describen mediante HTML tags
- Cada etiqueta HTML describes diferentes contenidos del documento
Ejemplo HTML
Un pequeño documento HTML:
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Inténtalo tú mismo " ejemplo Explicación
- El DOCTYPE declaración define el tipo de documento a ser HTML
- El texto entre <html> y </html> describe un documento HTML
- El texto entre <head> y </head> proporciona información sobre el documento
- El texto entre <title> y </title> proporciona un título para el documento
- El texto entre <body> y </body> describe el contenido de la página visible
- El texto entre <h1> y </h1> describe un encabezamiento
- El texto entre <p> y </p> describe un párrafo
El uso de esta descripción, un navegador web puede mostrar un documento encabezado y un párrafo.
Etiquetas HTML
Etiquetas HTML son palabras clave (tag names) rodeadas por angle brackets :
- Etiquetas HTML normalmente vienen in pairs como <p> y </p>
- La primera etiqueta en un par es la start tag, la segunda etiqueta es la end tag
- La etiqueta final se escribe igual que la etiqueta de inicio, pero con una barra antes del nombre de la etiqueta
La etiqueta de inicio es a menudo llamado la opening tag . La etiqueta final se llama a menudo la closing tag .
Navegadores web
El propósito de un navegador web (Chrome, IE, Firefox, Safari) es leer los documentos HTML y mostrarlos.
El navegador no muestra las etiquetas HTML, pero los utiliza para determinar cómo mostrar el documento:
Estructura de páginas HTML
A continuación se muestra una visualización de una estructura de la página HTML:
Sólo el <body> área (the white area) está representada por el navegador.
La <!DOCTYPE> Declaración
La <!DOCTYPE> declaración de ayuda del navegador para visualizar una página web correctamente.
Hay diferentes tipos de documentos en la web.
Para mostrar un documento correctamente, el navegador debe conocer tanto el tipo y la versión.
La declaración DOCTYPE no distingue entre mayúsculas y minúsculas. Todos los casos son aceptables:
<!DOCTYPE html>
<!DOCTYPE HTML>
<!doctype html>
<!Doctype Html>
Declaraciones comunes
HTML5
<!DOCTYPE html>
HTML 4.01
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
XHTML 1.0
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
Todos los tutoriales y ejemplos en w3ii utilizan HTML5.
Versiones de HTML
Desde los primeros días de la web, ha habido muchas versiones de HTML:
Versión | Año |
---|---|
HTML | 1991 |
HTML 2.0 | 1995 |
HTML 3.2 | 1997 |
HTML 4.01 | 1999 |
XHTML | 2000 |
HTML5 | 2014 |