EJERCICIOS HTML
EJERCICIO 1
<!DOCTYPE html>
<html lang="es">
<head>
<title>¡Soy un título básico!</title>
</head>
<body>
<p>Este es el contenido principal. Mira la pestaña de arriba.</p>
</body>
</html>
EJERCICIO 2
<!DOCTYPE html>
<html lang="es">
<head>
<title>Página de Bienvenida</title>
</head>
<body>
<h1>Bienvenido a mi Web Personal</h1>
<p>
Esta es una página muy simple. Hemos usado un encabezado grande para el
título y un párrafo para esta explicación. ¡El HTML es fácil de iniciar!
</p>
</body>
</html>
EJERCICIO 3
<!DOCTYPE html>
<html lang="es">
<head>
<title>Diferencia entre P y BR</title>
</head>
<body>
<h1>Líneas y Espacios</h1>
<p>
Este es el primer párrafo de texto.<br>
He usado la etiqueta **br** para forzar un salto de línea aquí,
sin crear un espacio grande entre esta línea y la siguiente.
</p>
<p>
Este es el segundo párrafo. Si lo comparas con el de arriba,
notarás que hay un espacio vertical mayor entre ellos.
</p>
</body>
</html>
EJERCICIO 4
<!DOCTYPE html>
<html lang="es">
<head>
<title>Formato de Texto Básico</title>
</head>
<body>
<h1>Mi Receta Favorita</h1>
<p>
Hoy vamos a preparar <b>Pasta con Pesto</b>. Es una receta
<i>rápida y deliciosa</i> que me encanta.
</p>
<p>
Los ingredientes principales son: **albahaca**, *piñones* y queso.
Recuerda que la **negrita** llama la atención, y la *cursiva* se usa para el énfasis.
</p>
</body>
</html>
EJERCICIO 5
<!DOCTYPE html>
<html lang="es">
<head>
<title>Organización de Contenido</title>
</head>
<body>
<h1>Mi Clase de Programación</h1>
<h2>Semana 1: Introducción a HTML</h2>
<p>Vimos la estructura básica y las etiquetas de texto.</p>
<h3>Temas Cubiertos:</h3>
<p>
1. La etiqueta <html><br>
2. Encabezados (<h1> a <h6>)<br>
3. Párrafos (<p>)<br>
</p>
</body>
</html>
No hay comentarios:
Publicar un comentario