¿Qué es HTML?
- HTML significa lenguaje de marcado de hipertexto
- HTML es el lenguaje de marcado estándar para crear páginas web.
- HTML describe la estructura de una página web
- HTML consta de una serie de elementos
- Los elementos HTML le indican al navegador cómo mostrar el contenido
- Los elementos HTML etiquetan fragmentos de contenido como «este es un encabezado», «este es un párrafo», «este es un enlace», etc.
Un documento HTML simple
Ejemplo
<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Ejemplo explicado
- El
<!DOCTYPE html>la declaración define que este documento es un documento HTML5 - El
<html>elemento es el elemento raíz de un HTML página - El
<head>El elemento contiene metainformación sobre el Página HTML - El
<title>El elemento especifica un título para el Página HTML (que se muestra en la barra de título del navegador o en la pestaña de la página) - El
<body>elemento define el cuerpo del documento y es un contenedor para todo el contenido visible, como encabezados, párrafos, imágenes, hipervínculos, tablas, listas, etc. - El
<h1>El elemento define un encabezado grande. - El
<p>elemento define un párrafo
¿Qué es un elemento HTML?
Un elemento HTML se define mediante una etiqueta de inicio, algún contenido y una etiqueta de finalización:
< nombre de etiqueta > El contenido va aquí… < /nombre de etiqueta >
El elemento HTML es todo, desde la etiqueta de inicio hasta la etiqueta final:
< h1 > Mi Primer encabezado < /h1 >
< p > Mi primer párrafo. < /p >
| Start tag | Element content | End tag |
|---|---|---|
| <h1> | My First Heading | </h1> |
| <p> | My first paragraph. | </p> |
| <br> | none | none |
Nota: Algunos elementos HTML no tienen contenido (como el <br> elemento). Estos elementos se llaman elementos vacíos. ¡Los elementos vacíos no tienen etiqueta final!
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, sino que las utiliza para determinar cómo mostrar el documento:
Estructura de la página HTML
A continuación se muestra una visualización de la estructura de una página HTML:
<html>
<cabeza>
<title>Título de la página</title>
</cabeza>
<cuerpo>
<h1>Este es un encabezado</h1>
<p>Este es un párrafo.</p>
<p>Éste es otro párrafo.</p>
</cuerpo>
</html>
Nota: El contenido dentro de la sección <body> se mostrará en un navegador. El contenido dentro del elemento <title> será se muestra en la barra de título del navegador o en la pestaña de la página.
Historial de HTML
Desde los primeros días de la World Wide Web, ha habido muchas versiones de HTML:
| Year | Version |
|---|---|
| 1989 | Tim Berners-Lee invented www |
| 1991 | Tim Berners-Lee invented HTML |
| 1993 | Dave Raggett drafted HTML+ |
| 1995 | HTML Working Group defined HTML 2.0 |
| 1997 | W3C Recommendation: HTML 3.2 |
| 1999 | W3C Recommendation: HTML 4.01 |
| 2000 | W3C Recommendation: XHTML 1.0 |
| 2008 | WHATWG HTML5 First Public Draft |
| 2012 | WHATWG HTML5 Living Standard |
| 2014 | W3C Recommendation: HTML5 |
| 2016 | W3C Candidate Recommendation: HTML 5.1 |
| 2017 | W3C Recommendation: HTML5.1 2nd Edition |
| 2017 | W3C Recommendation: HTML5.2 |