Day 01: HTML Introduction
Tags: spanish, html, htmlintroduction, w3schools
Published: 2023-06-24 02:21:42


> HTML es el lenguaje de marcado estándar para crear páginas web.

**Tabla de contenidos**
* [¿Qué es HTML?](#que-es-html)
* [Un simple documento HTML](#un-simple-documento-html)
* [¿Qué es un elemento HTML?](#que-es-un-elemento-html)
* [Los navegadores](#los-navegadores)
* [Estructura de una página web](#estructura-de-una-pagina-web)
* [Historia de HTML](#historia-de-html)
* [Resumen](#resumen)

##¿Qué es HTML? <a name="que-es-html"></a>
- 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 <a name="un-simple-documento-html"></a>
Un documento HTML tiene la siguiente estructura:

```html
<!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? <a name="que-es-un-elemento-html"></a>
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.

```html
<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 <a name="los-navegadores"></a>
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:

![html-ejemplo-pagina-web](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/e2xqul0707cli5qpbjk8.png)

##Estructura de una página web <a name="estructura-de-una-pagina-web"></a>
A continuación, se muestra una imagen de la estructura de una página HTML:

![estructura de una pagina web](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/2fu4n4h4zujder70behp.png)

> **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 name="historia-de-html"></a>
|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 <a name="resumen"></a>
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](https://www.w3schools.com/html/default.asp)_

<a href="https://www.buymeacoffee.com/xantosromero" target="_blank"><img src="https://cdn.buymeacoffee.com/buttons/default-yellow.png" alt="Buy Me A Coffee" height="41" width="174"></a>