Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
Ya estoy inscrito ¿Todavía no tienes acceso? Nuestros Planes
2
respuestas

[Duda] tengo dudas con respecto a como hacer que los <a> me redirijan al sitio que alli se asocia.

HTML

<!DOCTYPE html>
<html lang="es-col">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Bless Art</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <header></header>
    <main class="presentacion">
    <section class="presentacion__contenido">
        <h1 class="presentacion__contenido__titulo">
            Perzonalización y distribucción de camisetas.
            <strong class="Titulo-destaque">Si lo puedes imaginar, ¡lo puedes estampar!</strong>
        </h1>
        <p class="presentacion__contenido__texto">
            ¡Hola! En esta tienda encontraras diseños
            para que puedas estampar en tus camisetas, 
            ademas tambien podras aquiris tus camisetas 
            basicas 100% algodon. echale un vistazo a lo que ofrecemos.
        </p> 
        <a href="https://www.instagram.com/">instagram</a>
        <a href="https://www.github.com/">Github</a>
    </section>
        <img src="camisetas.jpg"  alt="Productos de bless"  /> 
    </main> 
    <footer>
        <address> Cra 71 calle 4 sur - Colombia </address>
        <a href="Tel: 555 555 555">Contactanos: 555 555 555</a>
    </footer>
    
</body>
</html>

CSS

@import url('https://fonts.googleapis.com/css2?family=Krona+One&family=Montserrat:ital,wght@0,100..900;1,100..900&display=swap');

*{
    padding: 0;
    margin: 0;
}


body{
    Background-color: #000000;
    color: #F6F6F6;
    a:link {
    color: red;
    height: 100vh;
    box-sizing: border-box;
      }
      
 a:visited {
    color: green;
      }
        
    }

.Titulo-destaque{
    color: #22D4FD;
    }

.presentacion{
    display: flex;
    align-items: center;
    margin: 10%;
    justify-content: space-between;
}
.presentacion__contenido{
    width: 615px;
}
.presentacion__contenido__titulo{
    font-size: 36px;
    font-family: "Krona One", serif;
}
.presentacion__contenido__texto{
    font-size: 24px;
    font-family: "Montserrat", serif;
}
2 respuestas

¡Hola Solanyi!

Entiendo que estás teniendo dudas sobre cómo hacer que los enlaces <a> redirijan al sitio asociado. En tu código HTML, ya estás utilizando el atributo href para definir la URL a la que debe dirigir el enlace. Por ejemplo:

<a href="https://www.instagram.com/">Instagram</a>
<a href="https://www.github.com/">Github</a>

Espero que esta información te sea útil y te ayude a resolver tu duda. Si necesitas más ayuda, no dudes en preguntar.

¡Espero haber ayudado y buenos estudios!

Si este post te ayudó, por favor, marca como solucionado ✓. Continúa con tus estudios

ah comprendo, crei que debia agregar algo mas, como las siglas URL, gracias Daysibel por la aclaracción.