HTML es el lenguaje de marcado estándar para crear páginas web.
¿Qué es HTML?
HTML significa Lenguaje de Marcado de Hipertexto (Hyper Text Markup Language)
HTML es el lenguaje de marcado estándar para crear páginas web
HTML describe la estructura de una página web
HTML se compone de una serie de elementos
Los elementos HTML le dicen al navegador cómo debe mostrar el contenido
Los elementos HTML etiquetan piezas de contenido como: "este es un encabezado", "este es un párrafo", "este es un enlace", etc
Un simple documento HTML
Un documento HTML tiene la siguiente estructura:
<!DOCTYPE html>
<html lang="es">
<head>
<!-- Información meta para el navegador -->
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Titulo pagina</title>
</head>
<body>
<!-- Información visible para el usuario -->
<h1>Mundo HTML</h1>
<p>Mi primer párrafo.</p>
</body>
</html>
Ejemplo explicado:
La declaración
<!DOCTYPE html>define que el documento es un documento HTML5El elemento
<html>es el elemento raíz de un documento HTMLEl elemento
<head>contiene información meta sobre la página HTMLEl elemento
<title>especifica un título para la página HTMLEl elemento
<body>define el cuerpo del documento, y es un contenedor de todo el contenido visible: encabezados, párrafos, imágenes, hipervínculos, tablas, listas, etcEl elemento
<h1>define un encabezado grandeEl elemento
<p>define un párrafo
¿Qué es un elemento HTML?
Un elemento HTML está definido por una etiqueta de inicio, su contenido y una etiqueta de cierre.
El elemento HTML es todo, desde la etiqueta de inicio, hasta la etiqueta de cierre.
<h1>Hola mundo HTML</h1>
<p>Mi primer párrafo.</p>
| Etiqueta inicio | Contenido | Etiqueta cierre |
<h1> | Hola mundo HTML | </h1> |
<p> | Mi primer párrafo | </p> |
<br> | Vacío | Vacío |
Nota: Algunos elementos HTML no tienen contenido (como el elemento
<br>). Estos elementos son llamados elementos vacíos. Los elementos vacíos no tienen una etiqueta de cierre.
Los navegadores web
El propósito de un navegador web (Chrome, Edge, Firefox, Safari) es leer documentos HTML y mostrarlos correctamente.
Un navegador no muestra las etiquetas HTML, pero las usa para determinar cómo mostrar el documento:
Estructura de una página web
A continuación, se muestra una imagen de la estructura de una página HTML:
Nota: El contenido dentro de la sección
<body>se mostrará en un navegador. El contenido dentro del elemento<title>se mostrará en la barra de título del navegador o en la pestaña de la página.
Historia de HTML
| Año | Versión |
| 1989 | Tim Berners-Lee inventó la web (World Wide Web) |
| 1991 | Tim Berners-Lee inventó HTML |
| 1993 | Dave Raggett escribió HTML+ |
| 1995 | Un grupo de trabajo en HTML definió HTML 2.0 |
| 1997 | La W3C recomienda HTML 3.2 |
| 1999 | La W3C recomienda HTML 4.01 |
| 2000 | La W3C recomienda XHTML 1.0 |
| 2008 | La WHATWG publica el primer borrador de HTML5 |
| 2012 | Para la WHATWG, HTML5 se convierte en estándar |
| 2014 | La W3C recomienda HTML5 |
| 2016 | La W3C recomienda al candidato HTML 5.1 |
| 2017 | La W3C recomienda HTML 5.1 segunda edición |
| 2017 | La W3C recomienda HTML5.2 |
Resumen
HTML es el lenguaje de marcado estándar para crear páginas web, y se compone de una serie de elementos (etiquetas) que se usan para mostrar el contenido que los usuarios verán en el navegador.
Traducido con 💚 desde W3Schools.com