Que es BODY

                    

                                                                       BODY

es una etiqueta de HTML que define todo el contenido visible de una página web.
Es lo que el usuario realmente ve en el navegador: textos, imágenes, videos, botones, enlaces, formularios, etc.

¿Cómo se compone?

Dentro de <body> puedes incluir:

  • Encabezados (<h1> a <h6>) → títulos.

  • Párrafos (<p>) → texto normal.

  • Imágenes (<img>) → fotos e ilustraciones.

  • Enlaces (<a>) → botones que llevan a otras páginas.

  • Listas (<ul>, <ol>, <li>) → enumeraciones o viñetas.

  • Tablas (<table>, <tr>, <td>) → organizar datos.

  • Multimedia (<video>, <audio>) → música y videos.

  • Formularios (<form>) → cajas de texto, botones, etc.

Ejemplo:

<body>
  <h1>Bienvenida a mi web</h1>
  <p>Este es un ejemplo de texto dentro del body.</p>
  <img src="foto.jpg" alt="Ejemplo de imagen">
  <a href="https://google.com">Ir a Google</a>
</body>

¿Cuáles son sus beneficios?

  1. Organiza la información → todo lo que ve el usuario está dentro del body.

  2. Visibilidad → sin <body>, la página estaría vacía en pantalla.

  3. Compatibilidad → los navegadores lo reconocen como la parte principal del sitio.

  4. Accesibilidad → ayuda a que personas con lectores de pantalla entiendan el contenido.

  5. Flexibilidad → puedes mezclar texto, imágenes, videos y más.

Comentarios

Publicar un comentario

Entradas populares de este blog

ejemplo basico de estructura html

                                                                ESTRUCTURA HTML  <!DOCTYPE html> <html>   <head>     <title>Mi Página Web</title>   </head>   <body>     <h1>Hola, Mundo!</h1>     <p>Este es un párrafo.</p>     <a href="https://www.google.com">Enlace a Google</a>   </body> </html> <!DOCTYPE html>: Define que el documento es HTML5. <html>: Contenedor principal de toda la página. <head>: Contiene información sobre la página (título, meta datos, enlaces a estilos). <body>: Contiene el contenido visible de la página (texto, imágenes, enlaces).
Leer más

                                                                                                                                     <P> La etiqueta <p> es un elemento en bloque ( block-level element ), lo que significa que cada vez que la usas, el navegador coloca el texto en una nueva línea y agrega un espacio arriba y abajo automáticamente.   Estructura < p >Aquí va el texto del párrafo. </ p > Etiqueta de apertura: <p> Contenido: el texto. Etiqueta de cierre: </p> Características Ocupa todo el ancho disponible en pantalla (de izquierda a derecha). Acepta otras etiquetas dentro : por ejemplo,...
Leer más