links
(Hover over the links and click on them!)
link without a href (cant be clicked)link with a # (send you to the same page)
link with a url (sends you to a different site or page)
link with a url and target = _blank (sends you to a different site or page but in a new tab)
Links HTML:
<a>link without a href (cant be clicked)</a>
<a href="#">link with a # (send you to the same page)</a>
<a href="https://your.link.here">link with a url (sends you to a different site or page)</a>
<a href="https://your.link.here" target="_blank">link with a url and target = _blank (sends you to a different site or page but in a new tab)</a>
<a>link without a href (cant be clicked)</a>
<a href="#">link with a # (send you to the same page)</a>
<a href="https://your.link.here">link with a url (sends you to a different site or page)</a>
<a href="https://your.link.here" target="_blank">link with a url and target = _blank (sends you to a different site or page but in a new tab)</a>
Links CSS:
A elements dont need CSS to work but you can style them like normal text.
a {
color: #FFF; /*Makes it white instead of blue*/
text-decoration: none; /*Removes the underline*/
}
a:hover {
color: #ff0000; /*Makes it red when hovering over it*/
text-decoration: underline; /*Adds the underline when hovering over it*/
}
A elements dont need CSS to work but you can style them like normal text.
a {
color: #FFF; /*Makes it white instead of blue*/
text-decoration: none; /*Removes the underline*/
}
a:hover {
color: #ff0000; /*Makes it red when hovering over it*/
text-decoration: underline; /*Adds the underline when hovering over it*/
}