Hallo timmers
Ik heb snel even een pagina gemaakt die 2 links toont in verschillende kleuren
Ik zal eerst even de code tonen en daarna een beetje uitleg geven
de html pagina:
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "https://www.w3c.org/TR/1999/REC-html401-19991224/loose.dtd">
<HTML xmlns="https://www.w3.org/1999/xhtml">
<HEAD>
<TITLE>test</TITLE>
<META http-equiv=Content-Type content="text/html; charset=iso-8859-1">
<LINK href="style.css" type=text/css rel=stylesheet>
</HEAD>
<BODY>
<div id="link1">
<a href="https://www.google.be" target="_blank">link 1</a>
</div>
<div id="link2">
<a href="https://www.google.be" target="_blank">link 2</a>
</div>
</BODY>
</HTML>
de css pagina:
#link1 A { COLOR: green; TEXT-DECORATION: none }
#link1 A:visited { COLOR: green; TEXT-DECORATION: none }
#link1 A:hover { COLOR: red; TEXT-DECORATION: none }
#link2 A { COLOR: blue; TEXT-DECORATION: none }
#link2 A:visited { COLOR: blue; TEXT-DECORATION: none }
#link2 A:hover { COLOR: red; TEXT-DECORATION: none }
Wat doe ik in de html pagina:
ik plaats iedere link tussen een DIV tag, hieraan geef ik dan een id (identiteit) mee. In de css pagina kan ik dan via de identiteit eigenschappen gaan aanpassen zoals bvb de kleur van de link.
Hier vind je een goede basis terug van bvb CSS, maar ook van html, php,....
Hopelijk helpt dit je wat op weg