- Construyendo la estructura HTML del portafolio
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portafolio de Eduar de Jesus Pila Franco</title>
</head>
<body>
<h1>Eduar de Jesus Pila Franco</h1>
<h2>Desarrollador Web</h2>
<button><a href="https://instagram.com">Instagram</a></button>
<button><a href="https://github.com">Github</a></button>
<img src="img/foto.jpg" alt="Foto de Eduar de Jesus Pila Franco">
</body>
</html>
- Estructurando la página con etiquetas semánticas
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portafolio de Eduar de Jesus Pila Franco</title>
</head>
<body>
<header>
<nav>
<ul>
<li><a href="#">Inicio</a></li>
<li><a href="#">Sobre mí</a></li>
<li><a href="#">Proyectos</a></li>
<li><a href="#">Contacto</a></li>
</ul>
</nav>
</header>
<main>
<h1>Eduar de Jesus Pila Franco</h1>
<p>Desarrollador Web enfocado en crear experiencias digitales impactantes.</p>
<button><a href="https://instagram.com">Instagram</a></button>
<button><a href="https://github.com">Github</a></button>
<img src="img/foto.jpg" alt="Foto de Eduar de Jesus Pila Franco">
</main>
<footer>
<p>Contacto: eduar@example.com</p>
<p>© 2024 Eduar de Jesus Pila Franco. Todos los derechos reservados.</p>
</footer>
</body>
</html>
- Entendiendo y aplicando las etiquetas meta
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Portafolio de Eduar de Jesus Pila Franco</title>
</head>
<header>
<nav>
<ul>
<li><a href="#">Inicio</a></li>
<li><a href="#">Sobre mí</a></li>
<li><a href="#">Proyectos</a></li>
<li><a href="#">Contacto</a></li>
</ul>
</nav>
</header>
<main>
<h1>Eduar de Jesus Pila Franco</h1>
<p>Desarrollador Web enfocado en crear experiencias digitales impactantes.</p>
<button><a href="https://instagram.com">Instagram</a></button>
<button><a href="https://github.com">Github</a></button>
<img src="img/foto.jpg" alt="Foto de Eduar de Jesus Pila Franco">
</main>
<footer>
<p>Contacto: eduar@example.com</p>
<p>© 2024 Eduar de Jesus Pila Franco. Todos los derechos reservados.</p>
</footer>
</body>
</html>
- Insertando y formateando 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>Portafolio de Eduar de Jesus Pila Franco</title>
</head>
<body>
<h1><strong>Portafolio</strong> de Eduar de Jesus Pila Franco</h1>
<p>Hola, soy Eduar de Jesus Pila Franco, un desarrollador web apasionado por crear soluciones innovadoras y eficientes.</p>
<a href="https://instagram.com">Instagram</a>
<a href="https://github.com">Github</a>
</body>
</html>
- Incorporando imágenes 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>Portafolio de Eduar de Jesus Pila Franco</title>
</head>
<body>
<h1>Eduar de Jesus Pila Franco</h1>
<img src="img/foto.jpg" alt="Foto de Eduar de Jesus Pila Franco">
</body>
</html>
