HTML (Hypertext Markup Language) es un lenguaje de marcado utilizado para crear la estructura de una página web. En este artículo, te guiaré paso a paso sobre cómo crear un baño en HTML, destacando las secciones clave con negritas () y listas para facilitar la comprensión.
Creando la estructura básica del baño
Para comenzar, necesitas abrir un editor de texto como Notepad o Visual Studio Code. Luego, crea un nuevo archivo con extensión .html y escribe el siguiente código básico:
<!DOCTYPE html>
<html>
<head>
<title>Mi Baño</title>
</head>
<body>
<h1>Baño Principal</h1>
<p>Este es el baño principal de la casa.</p>
</body>
</html>
Añadiendo elementos al baño
Ahora, vamos a enriquecer nuestro baño con elementos como una lista de accesorios y un espejo. Puedes usar etiquetas HTML como <ul> para listas desordenadas y <img> para insertar imágenes.
<h2>Accesorios</h2>
<ul>
<li>Cortina de Baño</li>
<li>Toallas</li>
<li>Jabón</li>
<li>Cepillo de Dientes</li>
</ul>
<h2>Espejo</h2>
<img src="espejo.jpg" alt="Espejo en el baño">
Estilizando el baño con CSS
Para darle un aspecto visual atractivo al baño, puedes utilizar CSS (Cascading Style Sheets). Define estilos en un archivo aparte o dentro de la etiqueta <style> en el HTML. Por ejemplo:
<style>
body {
background-color: powderblue;
}
h1 {
color: navy;
}
</style>
¡Personaliza tu baño!
Experimenta modificando los colores, tamaños de fuente y márgenes para lograr el diseño de baño que más te guste. ¡Haz que tu baño en HTML sea único y refleje tu estilo!
¿Te animas a crear tu propio baño en HTML? Comparte tus creaciones en los comentarios y ¡sé parte de esta divertida experiencia de aprendizaje web!
