Etiquetas HTML
La etiqueta <body> es una de las etiquetas HTML más importantes ya que define el contenido visible en el navegador web. En esta página, vamos a profundizar en la etiqueta <body> y sus características.
¿Qué es la etiqueta <body>?
La etiqueta <body> es una etiqueta de apertura y cierre que se encuentra en el cuerpo del documento HTML. Define el contenido visible de la página web, como el texto, las imágenes, los enlaces y otros elementos.
<!DOCTYPE html>
<html>
<head>
<title>Título de Ejemplo</title>
</head>
<body>
<h1>Este es un ejemplo de título</h1>
<p>Este es un ejemplo de párrafo</p>
</body>
</html>En este ejemplo, la etiqueta <body> se encuentra entre las etiquetas de apertura y cierre de <html>. Todo el contenido visible de la página web, como el título y el párrafo, se encuentra dentro de la etiqueta <body>.
¿Qué elementos se pueden agregar dentro de la etiqueta <body>?
Dentro de la etiqueta <body>, se pueden agregar varios elementos, incluyendo texto, imágenes, enlaces, listas, tablas y formularios. Estos elementos se pueden formatear y estilizar con CSS para crear diseños y estilos únicos para la página web.
<!DOCTYPE html>
<html>
<head>
<title>Título de Ejemplo</title>
</head>
<body>
<h1>Este es un ejemplo de título</h1>
<p>Este es un ejemplo de párrafo</p>
<img src="imagen-ejemplo.jpg" alt="Ejemplo de imagen">
<a href="https://www.ejemplo.com">Ejemplo de enlace</a>
<ul>
<li>Elemento de lista 1</li>
<li>Elemento de lista 2</li>
<li>Elemento de lista 3</li>
</ul>
<table>
<tr>
<th>Encabezado de tabla 1</th>
<th>Encabezado de tabla 2</th>
</tr>
<tr>
<td>Dato de tabla 1</td>
<td>Dato de tabla 2</td>
</tr>
</table>
<form>
<label for="nombre">Nombre:</label>
<input type="text" id="nombre" name="nombre">
<input type="submit" value="Enviar">
</form>
</body>
</html>En este ejemplo, se han agregado varios elementos dentro de la etiqueta <body>, incluyendo un título, un párrafo, una imagen, un enlace, una lista, una tabla y un formulario.
Conclusión
La etiqueta <body> es una parte esencial de cualquier documento HTML. Define el contenido visible de la página web y permite agregar varios elementos, como texto, imágenes, enlaces, listas, tablas y formularios. Es importante tener en cuenta que todo el contenido visible de la página debe estar dentro de la etiqueta <body> para que se muestre correctamente en el navegador web.
