- Construyendo la estructura básica de HTML
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Mi Primera Página Web</title>
</head>
<body>
</body>
</html>
- Añadiendo contenido a HTML
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Mi Primera Página Web</title>
</head>
<body>
<h1>Bienvenido a mi sitio web</h1>
<p>Este es un ejemplo de una página web básica creada para aprender HTML.</p>
</body>
</html>
- Trabajando con metaetiquetas y título
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Aprendiendo HTML: Mi Primer Proyecto</title>
</head>
<body>
<h1>Bienvenido a mi sitio web</h1>
<p>Este es un ejemplo de una página web básica creada para aprender HTML.</p>
</body>
</html>
- Organizando contenido con etiquetas HTML
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mi Proyecto Personal</title>
</head>
<body>
<h1>Proyecto de Desarrollo Web</h1>
<h2>Un viaje hacia el aprendizaje</h2>
<p>En este proyecto, exploraremos los fundamentos del desarrollo web utilizando HTML, CSS y JavaScript. ¡Espero que disfrutes el contenido!</p>
</body>
</html>
- Añadiendo imágenes con accesibilidad
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mi Proyecto Personal</title>
</head>
<body>
<h1>Proyecto de Desarrollo Web</h1>
<h2>Un viaje hacia el aprendizaje</h2>
<p>En este proyecto, exploraremos los fundamentos del desarrollo web utilizando HTML, CSS y JavaScript. ¡Espero que disfrutes el contenido!</p>
<img src="imagen.jpg" alt="Logo del proyecto de desarrollo web">
</body>
</html>
- Listando elementos en HTML
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mi Proyecto Personal</title>
</head>
<body>
<h1>Proyecto de Desarrollo Web</h1>
<h2>Un viaje hacia el aprendizaje</h2>
<p>En este proyecto, exploraremos los fundamentos del desarrollo web utilizando HTML, CSS y JavaScript. ¡Espero que disfrutes el contenido!</p>
<img src="imagen.jpg" alt="Logo del proyecto de desarrollo web">
<h3>Características del proyecto:</h3>
<ul>
<li>HTML básico</li>
<li>Estructura semántica</li>
<li>Accesibilidad mejorada</li>
</ul>
</body>
</html>
- Explorando el impacto del DOCTYPE en HTML con:
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Prueba DOCTYPE</title>
</head>
<body>
<h1>Con DOCTYPE</h1>
<p>Esta página utiliza el estándar HTML5.</p>
</body>
</html>
- Explorando el impacto del DOCTYPE en HTML sin:
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Prueba DOCTYPE</title>
</head>
<body>
<h1>Sin DOCTYPE</h1>
<p>Esta página no utiliza el estándar HTML5.</p>
</body>
</html>
