Enlaces a Redes Sociales
Parte de la sección Fundamentos del Journey de HTML de Coddy. Lección 34 de 60.
Desafío
FácilCompartamos tus redes sociales: ¡la gente querrá conectarse contigo!
- Después de la sección «About Me», añade otro
<div>. - Dentro de él, crea un encabezado con una etiqueta
<h2>que diga «Connect with Me». - Añade enlaces en los que se pueda hacer clic a tus perfiles de redes sociales usando etiquetas
<a>. Recuerda hacer que los enlaces se abran en una pestaña nueva añadiendotarget="_blank"
Por ejemplo:
Pruébalo tú mismo
<!DOCTYPE html>
<html>
<body>
<!-- Header Section -->
<div>
<h1>John Doe</h1>
<p>Web Developer | Creative Thinker</p>
</div>
<!-- Profile Picture -->
<div>
<img src="https://storage.googleapis.com/coddy-15505.appspot.com/public/avatars/avatar25.png" alt="My profile picture" width="200" height="200" />
</div>
<!-- About Me Section -->
<div>
<h2>About Me</h2>
<p>Hello! I'm a passionate web developer learning HTML basics. I enjoy coding and building creative projects.</p>
</div>
</body>
</html>Todas las lecciones de Fundamentos
1Fundamentos de HTML
¿Qué es HTML?Estructura básica de HTMLEtiquetas y elementosAnidamiento y cierre de etiquetasComentarios en HTML4Tarjeta de receta
Descripción general del proyectoTítulo y descripción de la receta
IngredientesPasos7Página de Perfil Personal
Descripción General del ProyectoSección de EncabezadoFoto de PerfilSección Sobre MíEnlaces a Redes Sociales2Texto y formato
EncabezadosPárrafosSaltos de líneaTexto en negrita y cursivaNegrita y cursiva de nuevoResumen - Formato9Formularios e Inputs Parte 2
Radio buttonsCheckboxesDropdownsBotonesBotones en formulariosRepaso - Formularios #1Repaso - Formularios #2Practica por tu cuenta: Playground de Web