<!DOCTYPE html>
<html>
<head>
<title>Mi primera página</title>
</head>
<body>
<h1>Hola Mundo</h1>
<p>¡Esta es mi primera página web creada con HTML!</p>
</body>
</html>
Ejercicio 2: Estilizar con CSS
<style>
body {
background-color: #f0f8ff;
font-family: Arial, sans-serif;
}
h1 {
color: #2c3e50;
}
p {
color: #555;
}
</style>
Ejercicio 3: Interactividad con JavaScript
<script>
function cambiarTexto() {
document.getElementById("mensaje").innerHTML = "¡El texto ha cambiado!";
}
</script>
<h1 id="mensaje">Texto original</h1>
<button onclick="cambiarTexto()">Haz clic aquí</button>
Ejercicio 4: Calculadora de Suma
<script>
function sumar() {
var num1 = parseFloat(document.getElementById("num1").value);
var num2 = parseFloat(document.getElementById("num2").value);
var resultado = num1 + num2;
document.getElementById("resultado").innerHTML = "Resultado: " + resultado;
}
</script>
<input type="number" id="num1"> +
<input type="number" id="num2">
<button onclick="sumar()">Sumar</button>
<p id="resultado"></p>
