HDP115

Elemento body en HTML

Es el elemento que va contener toda la parte visisble de la página web. Solamente existe un elemento body y es hijo directo del elemento raíz (html).

CE

Cristian Escalante

Última actualización: 19 de marzo de 2025

html
programación web
desarrollo

Elemento body en HTML

Es el elemento que va contener toda la parte visisble de la página web. Solamente existe un elemento body y es hijo directo del elemento raíz (html).

<!DOCTYPE html>
<html>
  <head>
    <title>Mi primera página</title>
  </head>
  <body>
    <h1>¡Hola, mundo!</h1>
    <p>Este es el contenido visible de la página.</p>
  </body>
</html>

Ejemplos

Titulos y parrafos

<body>
  <h1>Título principal</h1>
  <h2>Subtítulo</h2>
  <p>Este es un párrafo de texto dentro del cuerpo del documento.</p>
</body>

Imagenes

<body>
  <img src="logo.png" alt="Logo de la empresa">
</body>

Enlaces

<body>
  <a href="https://www.ejemplo.com">Ir al sitio web</a>
</body>

Listas

<body>
  <ul>
    <li>Elemento 1</li>
    <li>Elemento 2</li>
  </ul>
  
  <ol>
    <li>Primero</li>
    <li>Segundo</li>
  </ol>
</body>

Formularios

<body>
  <form action="/enviar" method="post">
    <label for="nombre">Nombre:</label>
    <input type="text" id="nombre" name="nombre">
    <button type="submit">Enviar</button>
  </form>
</body>

Scripts

<body>
  <p>Abre la consola para ver el mensaje.</p>
  <script>
    console.log("Hola desde el <body>!");
  </script>
</body>
Note
las etiquetas como (como <meta>, <title>, <link>, etc.) debe ir en el <head>, no en el \<body\>.
Elemento head en HTML
Es el espacio donde se definen todos los metadatos de un doc...
Elemento title en HTML
Este elemento define el título que se muestra en la barra de...

Conceptos Básicos de CSS

Aprende los conceptos básicos de CSS

Conceptos Básicos de JavaScript

Aprende los conceptos básicos de JavaScript

Conceptos Básicos SQL

Aprende los conceptos básicos de SQL

Conceptos Básicos de GIT

Aprende los conceptos básicos de GIT

Conceptos Básicos de Python

Aprende los conceptos básicos de Python

Conceptos Básicos de UML

Aprende los conceptos básicos de UML

Refuerzo Academico de Herramientas de Productividad 2025