2. Introducción a HTML

Versión para imprimir.

En esta lección se introduce el doctype HTML.

A. Ejemplo básico

Ejemplo

Salida

Ábrelo en otra pestaña.

Revísalo en gilpgedit.

1 <!DOCTYPE html>
2 <html lang="es">
3 <head>
4 <meta charset="UTF-8">
5 <meta name="viewport"
6 content="width=device-width">
7 <title>Hola Mundo</title>
8 </head>
9 <body>
10 👽 ¡Hola Mundo!
11 </body>
12 </html>

B. El elemento html

Ejemplo

1<html lang="es">
2<head>
3 ...
4</head>
5<body>
6 👽 ¡Hola Mundo!
7</body>
8</html>

Solo para los más rudos

C. El elemento head

Ejemplo

1 <head>
2 <meta charset="UTF-8">
3 <meta name="viewport"
4 content="width=device-width">
5 <title>Hola Mundo</title>
6 </head>

Solo para los más rudos

D. Codificación de caracteres

Ejemplo

1<meta charset="UTF-8">

Solo para los más rudos

E. El metadato viewport

Ejemplo

1<meta name="viewport"
2 content="width=device-width">

F. El elemento title

Ejemplo

1<title>Hola Mundo</title>

Solo para los más rudos

G. El elemento body

Ejemplo

1 <body>
2 👽 ¡Hola Mundo!
3 </body>

Solo para los más rudos

H. Referencia a caracter

Ejemplo

Salida

Ábrelo en otra pestaña.

Revísalo en gilpgedit.

1 <body>
2 © <
3 </body>

Solo para los más rudos

I. Resumen