Shouldn't this HREF work?

Shouldn't this HREF work?
0.0 0

#1

I want you to click the fa icon and go to my IG.

<div>
              <a href"https://www.instagram.com/bmhikesallot/?hl=enm">
                 <i class="fas fa-camera-retro fa-2x"> </i>
               </a>
            </div>

#2

like i did here put to external pages instead

 <a href="#projects" type="button" class="btn btn-primary"><i class="fa fa-2x fa-suitcase">  Projets</i></a>

#3

href="
you forgot the = between href and "


#4

NO WAY!
yup…yup i did…

tx @KoniKodes


#5

Now it’s purple though? lol how?
guess i’ll have to style it.


#6

I’m not sure what is purple? you can style in css to say text-decoration: none. This will remove the link color and underline.


#7

I used

a {
color: whitesmoke;
}

#8

Sometimes the browser by default turns a visited link to purple. A link that hasn’t been visited is sometimes colored blue. This has to do with the browser’s default styling. You can change it by using pseudo-classes eg.

a:link {
  color: blue;
}

a:visited {
  color: pink;
}

a:hover {
  color: red;
}

For more on pseudo-classes check out MDN website below.

I hope that helps and happy coding!


#9

Ooooohhhhhh
I like that hover stuff.
I’m gonna check the docs on that lol
Tx @daiolupo


#10

You welcome and yeah, :hover is pretty neat, you can also try it on a <p> element as well. Or any element. lol!