lunes, 20 de marzo de 2023

16 Estructura básica de un documento HTML5

Estructura básica de un documento HTML5

 Un documento HTML5 es como una receta para hacer una página web. Al igual que una receta de cocina tiene diferentes partes, un documento HTML5 también tiene diferentes partes que trabajan juntas para crear una página web.

 La primera parte de un documento HTML5 se llama la etiqueta <!DOCTYPE>, que le dice al navegador qué versión de HTML está utilizando el documento. Es como decirle a la cocina qué receta estás usando para hacer tu comida.

 Por ejemplo, la etiqueta <!DOCTYPE html> le dice al navegador que el documento está utilizando la versión más reciente de HTML, que es HTML5.

 La segunda parte de un documento HTML5 es la etiqueta <html>, que es como el contenedor principal de todo el documento. Es como la olla donde se cocina toda la comida. Todo lo que se escribe en un documento HTML5 debe estar dentro de la etiqueta <html>.

 La tercera parte de un documento HTML5 es la etiqueta <head>, que es como una lista de ingredientes para la receta de la página web. Dentro de la etiqueta <head>, se escriben cosas como el título de la página, la descripción y las palabras clave que ayudan a los motores de búsqueda a encontrar la página.

 Por ejemplo, dentro de la etiqueta <head> se podría escribir lo siguiente:

 <head>
    <title>Mi página web</title>
    <meta name="description" content="Esta es mi página web sobre mis dibujos">
    <meta name="keywords" content="dibujos, arte, ilustración">
</head>

 La cuarta parte de un documento HTML5 es la etiqueta <body>, que es como el cuerpo del plato de comida. Esta etiqueta es donde se escribe todo el contenido que se desea mostrar en la página web, es decir, es el lugar donde se encuentra toda la receta y los pasos a seguir para preparar el plato. Al igual que el cuerpo del plato, el contenido dentro de la etiqueta <body> es esencial para que la página web funcione correctamente y los usuarios puedan ver toda la información de la receta.

Por ejemplo, dentro de la etiqueta <body> se podría escribir lo siguiente:

 <body>
    <h1>Bienvenidos a mi página web</h1>
    <p>En esta página web voy a compartir con ustedes mis dibujos y mi arte.</p>
    <img src="mi-dibujo.jpg" alt="Mi dibujo">
</body>

 En este ejemplo, la etiqueta <h1> es un encabezado que dice "Bienvenidos a mi página web". La etiqueta <p> es un párrafo que dice "En esta página web voy a compartir con ustedes mis dibujos y mi arte". Y la etiqueta <img> muestra una imagen llamada "mi-dibujo.jpg" en la página.

 En resumen, la estructura básica de un documento HTML5 se compone de la etiqueta <!DOCTYPE>, la etiqueta <html>, la etiqueta <head> y la etiqueta <body>. Cada parte del documento tiene un propósito específico y trabaja junto con las demás partes para crear una página web completa. Al igual que una receta de cocina, cada parte del documento es importante para lograr un resultado final exitoso.

 

INDICE DE CURSO HTML5, CSS, Javascript y XHTLM


No hay comentarios:

Publicar un comentario

Gracias por tu comentario, en un maximo de 48 horas sera publicado.