Estructura básica de un documento HTML.

Un HTML debe tener:

El identificador del documento.
La etiquetaque encierra a dos partesy.
Comencemos con un ejemplo básico e iremos explicando cada parte:

 

<!DOCTYPE html>
<html>
  <head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Ejemplo</title>
  </head>
  <body>
    ¡Bienvenido!
  </body>
</html>

 

Comenzamos con la línea 1 que indica que lo que sigue es un documento HTML.

Luego viene la etiquetaque abre en la línea 2 y cierra en la línea 11.

Dentro dese tiene una estructura básica compuesta por dos partes; de un lado está el head o cabecera, y de otro, el body o cuerpo.

Con la etiquetaagregamos información para los navegadores, y con la etiquetaescribimos el contenido del documento HTML que será nuestra página web.

En la cabecera se utilizan etiquetas tipo meta, las cuales profundizaremos más adelante. Por ahora, utilizaremos dos etiquetas que harán parte de la estructura básica.

Para que los caracteres especiales que existen en los diferentes idiomas sean renderizados de una manera estandar por el navegador, usamos el conjunto de caracteres: UTF-8 y eso lo indicamos con la línea 4.

Para adaptar visualmente nuestra página a cualquier dispositivo, utilizamos la etiquetacon viewport indicada por la línea 5. El viewport es el área de la página Web visible para el usuario. Cuando escribimos width=device-width le decimos al viewport que sea igual al ancho de la pantalla del dispositivo donde se está cargando el archivo.

Utilizamos la etiqueta

Deja un comentario