Internet Explorer , Firefox , Opera en Google Chrome , onder andere webbrowsers , hebben dezelfde standaardinstelling voor hyperlinks . Als de koppeling niet is geklikt of bezocht , de tekst is blauw . Als de website is bezocht en de tekst werd geklikt , de tekst is magenta . Het volgende geeft de stappen die nodig zijn om de niet-bezochte koppeling van tekstkleur en de bezochte link is tekstkleur wijzigen . Wat je nodig hebt
tekst editor zoals SourceEdit
Document uploaden van software zoals FileZilla
Toon Meer Aanwijzingen
Setup , Stijl en instructies
1 Maak een standaard XHTML-document zoals getoond , en sla het op als ' schakel - color.html " : ! < DOCTYPE hTML PUBLIC " - //W3C //DTD XHTML 1.0 Transitional //EN " " http://www.w3.org/TR /xhtml1/DTD/xhtml1-transitional.dtd " > < html xmlns = " http://www.w3.org/1999/xhtml " xml : lang = " nl "
Type 2 het volgende tussen de < /title > -tags , om het HTML-document een pagina titel te geven : <title> CSS Link Color < /title > <br> < br > 3 <p> In het begin en einde <style> < /style > -tags tussen de <head> < /head > tags: <head> <title> CSS Link Color < /title > < ; style > > < /head > <br> 4 <p> Maak een link naar Google 's homepage , zoals weergegeven < /style : <a href="http://www.google.com"> ; . Google homepage < /a > Plaats deze code tussen de <body> < /body > -tags <br> <p> Type 5 de tag " a " tussen de <style> < /style > tags. Vervolgens typt u een paar accolades " { } " . Typ vervolgens " kleur : groen ; " tussen de accolades , zoals getoond : <style> a {color : green ; } < /style > Door dit te doen , de <style> < /style > tags te maken van een style sheet , die instructies voor hoe elementen op een webpagina verschijnen bevat . In dit geval , zal elke " a " tag op de webpagina groene tekst hebben . Het kenmerk " kleur" staat voor tekstkleur . De waarde van de kleur van het lettertype , in dit geval , is groen . <br> 6 <p> Raak de toets "Enter " na de accolade in stap 5 . Typ de tweede instructie , zoals : a : visited {color : lime ; } Het woord " bezocht" is een pseudo - klasse , wat betekent dat nadat de gebruiker de tekst tussen de " a " tag klikt , verandert de tekst lime - groen . <br> 7 <p> Opslaan en upload uw bestand . Als je vandaag de dag niet hebt bezocht Google , dan is de link kleur is groen . Klik op de link . Nu druk op de knop terug en vernieuw de pagina . Uw link kleur moet lime - groen . <br> <br></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=90>
<tr>
<td bgColor=#e7edf4 align=middle><script language='javascript' src='/ad/201310/3.js'></script></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=90>
<tr>
<td align=left>Previous: <a class='LinkPrevArticle' href='/programmering/computer-programming-languages/201309/88766.html' >HTML Mailto Tutorial </a></li> </td>
<td align=right>Next: <a class='LinkNextArticle' href='/programmering/computer-programming-languages/201309/88768.html' >Hoe de prestaties van een Crystal Report te verhogen, zodat het sneller zal lopen </a></li> </td>
</tr>
</table>
</td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=18>
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=246>
<tr>
<td height=246 vAlign=top width=199>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=199>
<tr>
<td height=244 vAlign=top width=197>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><STRONG>Computer Programming Languages</STRONG></td>
</tr>
</table>
<table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/87852.html" title="Wat zijn codering vaardigheden ? " target="_self">Wat zijn codering vaardigheden…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/87565.html" title="Zo plaatst artikelen Zoals PowerPoint in Joomla " target="_self">Zo plaatst artikelen Zoals Pow…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/87214.html" title="Hoe te schrijven dll Technische Specificaties " target="_self">Hoe te schrijven dll Technisch…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/87432.html" title="Lijst van CF9 functies " target="_self">Lijst van CF9 functies </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/88521.html" title="How To . Exe Converteren naar . Au3 " target="_self">How To . Exe Converteren naar …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/87589.html" title="Hoe maak je een functie in QBasic " target="_self">Hoe maak je een functie in QBa…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/88002.html" title="Hoe te Norstar CICS Install " target="_self">Hoe te Norstar CICS Install </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/86616.html" title="Hoe te Convolutie in MATLAB Solliciteer zonder gebruik van de functie " target="_self">Hoe te Convolutie in MATLAB So…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/87285.html" title="Hoe kan ik een partitie in Oracle Truncate " target="_self">Hoe kan ik een partitie in Ora…</a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
<td vAlign=top width=12></td>
<td vAlign=top width=375>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=375>
<tr>
<td height=244 vAlign=top>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><STRONG>Related Articles</STRONG></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=209>
<tr>
<td height=201 width="33%"><IMG src="/img_xby/n1.jpg" width=111 height=182></td>
<td width="67%"><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96568.html' target="_self">Hoe maak je een Combo Box Maak in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96567.html' target="_self">Hoe maak je een Check Box Maak in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96566.html' target="_self">Hoe maak je een tekstvak maken in Visual…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96565.html' target="_self">Hoe maak je een optie Box in Visual Basi…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96564.html' target="_self">Hoe maak je een schijf keuzelijst in Vis…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96563.html' target="_self">Hoe kan ik een keuzelijst maken in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96562.html' target="_self">Hoe kan ik een Picture Box Maak in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96561.html' target="_self">Hoe een bestand keuzelijst Maak in Visua…</a><br><a class='LinkArticleCorrelative' href='/programmering/visual-basics-programming/201309/96560.html' target="_self">Hoe kan ik een afbeelding Box Maak in Vi…</a><br></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
<td vAlign=top width=8></td>
<td vAlign=top width=376>
<table class=bian border=0 cellSpacing=0 cellPadding=0 width=375>
<tr>
<td height=244 vAlign=top>
<table border=0 cellSpacing=0 cellPadding=0 width="100%" bgColor=#dbe3ee>
<tr>
<td height=29 width="4%"> </td>
<td width="96%"><STRONG>Programmering Articles</STRONG></td>
</tr>
</table>
<table border=0 cellSpacing=4 cellPadding=0 width="95%" align=center height=207>
<tr>
<td height=199 width="33%"><IMG src="/img_xby/n2.jpg" width=111 height=182></td>
<td width="67%">
<table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/cc-programming/201309/85875.html" title="Hoe te GridView weergeven op een aparte pagina " target="_self">Hoe te GridView weergeven op een aparte …</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/visual-basics-programming/201309/94944.html" title="Hoe te Telnet gebruiken met VB6 " target="_self">Hoe te Telnet gebruiken met VB6 </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/python-programming/201309/93536.html" title="Hoe maak je een Keylogger Met Python Creëren " target="_self">Hoe maak je een Keylogger Met Python Cre…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/java-programming/201309/90189.html" title="Hoe te Console Commands uitvoeren in Java " target="_self">Hoe te Console Commands uitvoeren in Jav…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/86617.html" title="Hoe te Recursion Solve " target="_self">Hoe te Recursion Solve </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/86961.html" title="Hoe kan ik een LUA File Zorg voor Coördinaten " target="_self">Hoe kan ik een LUA File Zorg voor Coörd…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/87626.html" title="Hoe te testen voor Even of Oneven getallen in MATLAB " target="_self">Hoe te testen voor Even of Oneven getall…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/86552.html" title="Contour Niveaus in MATLAB " target="_self">Contour Niveaus in MATLAB </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/programmering/computer-programming-languages/201309/88134.html" title="Hoe te Maps In Quake 3 " target="_self">Hoe te Maps In Quake 3 </a></td></tr><tr></tr></table></td>
</tr>
</table>
</td>
</tr>
</table>
</td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=10>
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=57>
<tr>
<td class=bs background=/img_xby/di.jpg align=center>Copyright © Computer Kennis http://www.nldit.com <script language='javascript' src='/ad/201310/5.js'></script></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=970 align=center height=10>
<tr>
<td></td>
</tr>
</table>
</div>
</body>
</html>
|
