Desarrollo del Portafolio en HTML en VSCode
En este ejercicio, trabajé en la estructura de un portafolio web utilizando HTML en Visual Studio Code. A continuación, detallo los pasos que seguí durante el proceso:
1. Creación del archivo HTML
Inicié el proyecto creando el archivo index.html, asegurándome de incluir la estructura básica con <!DOCTYPE html>, que indica que el documento es HTML5.
2. Configuración del <head>
En la sección <head>, agregué las siguientes configuraciones:
<meta charset="UTF-8">para permitir el uso de caracteres especiales.<meta http-equiv="X-UA-Compatible" content="IE=edge">para mejorar la compatibilidad con navegadores antiguos.<meta name="viewport" content="width=device-width, initial-scale=1.0">para asegurar la adaptabilidad en dispositivos móviles.<title>Portafolio de Laura Isabella</title>para definir el nombre de la página en la pestaña del navegador.
3. Creación de la estructura principal
Utilicé etiquetas semánticas para organizar mejor el contenido:
<header>donde incluí un título<h1>con un mensaje destacado: "Eleve tu negocio digital a otro nivel con un Front-end de calidad!".<main>con una breve presentación en un<p>, donde se introduce a Ana García como desarrolladora Front-end con experiencia en React, HTML y CSS.- Dos enlaces
<a>que redirigen a sus perfiles en Instagram y GitHub. - Una imagen
<img>con un atributoaltpara mejorar la accesibilidad, representando a Ana García trabajando. <footer>con información de derechos de autor.
4. Prueba y revisión del código
Utilicé Live Server en VSCode para visualizar el diseño en tiempo real y verificar que los enlaces y la imagen se cargaran correctamente.
Adjunto las capturas de pantalla de mi código en VSCode para mostrar el desarrollo de cada paso.
¡Espero sus comentarios y sugerencias para mejorar la estructura del portafolio!
