HTML es el lenguaje de marcado estándar para crear páginas web.
Tabla de contenidos
- ¿Qué es HTML?
- Un simple documento HTML
- ¿Qué es un elemento HTML?
- Los navegadores
- Estructura de una página web
- Historia de HTML
- Resumen
¿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 HTML5.
El elemento <html> es el elemento raíz de un documento HTML.
El elemento <head> contiene información meta sobre la página HTML.
El elemento <title> especifica un título para la página HTML.
El 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, etc.
El elemento <h1> define un encabezado grande.
El 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
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
Top comments (0)