Internet Explorer, Firefox , Opera y Google Chrome , entre otros navegadores web , tienen el mismo valor predeterminado de enlaces de hipertexto . Si el enlace no se ha hecho clic o visitado , el texto es azul. Si el sitio fue visitado o el texto se ha hecho clic , el texto es magenta. A continuación se enumeran los pasos necesarios para cambiar el color del texto del enlace no visitado y el color del texto del enlace visitado . Cosas que necesitará
editor de texto como SourceEdit
Documento software uploading como FileZilla
Ver Más instrucciones
configuración , estilo e instrucciones
1
crear un estándar documento XHTML como se muestra, y guárdelo como " link- 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 = " es " Página 2
Escriba el siguiente entre los
< /title> etiquetas , para obtener el documento HTML título de una página : <title> CSS Enlace color < /title> <br> <br> 3 <p> Añada el comienzo y el final <style> < /style> entre las etiquetas head < /head> : <head> <title> CSS Enlace color < /title> < ; style> < /style> < /head> <br> 4 <p> Crear un enlace a la página principal de Google , como se muestra: <a href="http://www.google.com"> ; . Página de Google < /a> Coloque este código entre la etiqueta < /body> <body> <br> 5 <p> Tipo de la etiqueta "a" entre el <style> < /style> etiquetas. A continuación , escriba un par de llaves "{ }". A continuación, escriba " color: green ; " entre las llaves , como se muestra : <style> a {color : green ;} < /style> De esta manera, los <style> < /style> crear un hoja de estilos , que contiene instrucciones sobre cómo aparecen los elementos en una página web . En este caso , cada "a" etiqueta en la página web tendrá el texto en verde . Los " colores" atributo representa color de la fuente . El valor del color de la fuente , en este caso , es de color verde . <br> 6 <p> pulse la tecla " Enter" después de la llave de cierre en el paso 5 . Escriba la segunda instrucción , como se muestra : a : visited {color : lime ;} La palabra " visita " es una pseudo-clase , lo que significa que cuando el usuario hace clic en el texto entre la "a" de etiquetas , el texto se vuelve de color verde lima . <br> 7 <p> Guardar y cargar el archivo . Si usted no ha visitado hoy Google , el color de los enlaces será de color verde . Haga clic en el enlace . Ahora pulse el botón de nuevo y volver a cargar la página. Su color de enlace debe ser de color verde lima . <br> <br>
<div class=ad2><script language='javascript' src='/ad/201310/4.js'></script></div>
</div>
</td>
</tr>
</table>
<table width="95%" height="1" border="0" align="center" cellpadding="0" cellspacing="0" bgcolor="#DEE7EE">
<tr>
<td></td>
</tr>
</table>
<table width="100%" height="7" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table width="91%" height="52" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="51%"><p>Previous ： <a class='LinkPrevArticle' href='/Programacion/computer-programming-languages/88766.html' >Tutorial HTML mailto </a></li></p></td>
</tr>
<tr>
<td width="49%"> next ： <a class='LinkNextArticle' href='/Programacion/computer-programming-languages/88768.html' >¿Cómo aumentar el rendimiento de un informe de Crystal para que se ejecute más rápido </a></li></td>
</tr>
</table></td>
</tr>
</table>
<table width="100%" height="7" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table width="770" height="246" border="0" align="center" cellpadding="0" cellspacing="0">
<tr>
<td width="375" height="246" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian">
<tr>
<td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE">
<tr>
<td width="4%" height="29"> </td>
<td width="96%" class="lan_lm"> Artículos relacionados </td> </tr>
</table>
<table width="95%" height="209" border="0" align="center" cellpadding="0" cellspacing="4">
<tr>
<td height="201"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/88107.html" title="Cómo comparar las diferencias en dos filas en Oracle SQL " target="_self">Cómo comparar las diferencias en dos filas en Oracle S…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/87032.html" title="La diferencia entre un método estático y método de las clases " target="_self">La diferencia entre un método estático y método de l…</a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/87776.html" title="Cómo detectar el tamaño de un Viewport " target="_self">Cómo detectar el tamaño de un Viewport </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/86638.html" title="Cómo crear un gráfico Si bien en un bucle en MATLAB " target="_self">Cómo crear un gráfico Si bien en un bucle en MATLAB </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/88512.html" title="La historia de Informáticos " target="_self">La historia de Informáticos </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/88432.html" title="Cómo hacer una factura en un Mac " target="_self">Cómo hacer una factura en un Mac </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/86622.html" title="¿Qué es UML Software " target="_self">¿Qué es UML Software </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/86342.html" title="La diferencia entre SOAP y REST Web Service " target="_self">La diferencia entre SOAP y REST Web Service </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/88635.html" title="Cómo crear mi propio sitio web gratis Coaster " target="_self">Cómo crear mi propio sitio web gratis Coaster </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/87941.html" title="Silverlight Sockets Tutorial " target="_self">Silverlight Sockets Tutorial </a></td></tr><tr></tr></table></td>
</tr>
</table></td>
</tr>
</table></td>
<td width="20" valign="top"></td>
<td width="375" valign="top"><table width="380" border="0" cellpadding="0" cellspacing="0" class="bian">
<tr>
<td height="244" valign="top"><table width="100%" border="0" cellpadding="0" cellspacing="0" background="img_dm/danmai_r4_c04 -.jpg" bgcolor="#DBE3EE">
<tr>
<td width="4%" height="29"> </td>
<td width="96%" class="lan_lm">Artículos destacados </td> </tr>
</table>
<table width="95%" height="207" border="0" align="center" cellpadding="0" cellspacing="4">
<tr>
<td height="199"><table width="100%" cellpadding="0" cellspacing="0"><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/python-programming/93978.html" title="Trucos Python " target="_self">Trucos Python </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/87811.html" title="Cómo utilizar proxy en C # " target="_self">Cómo utilizar proxy en C # </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/visual-basics-programming/95095.html" title="Cómo Dividir en VBA " target="_self">Cómo Dividir en VBA </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/visual-basics-programming/94412.html" title="Cómo crear un puerto de prueba en Visual Basic " target="_self">Cómo crear un puerto de prueba en Visual Basic </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/88441.html" title="¿Qué es una declaración de programa " target="_self">¿Qué es una declaración de programa </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/86309.html" title="Cómo comprobar el intervalo de fechas en COBOL " target="_self">Cómo comprobar el intervalo de fechas en COBOL </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/php-mysql-programming/93001.html" title="Cómo hacer tu propio PHP Proxy " target="_self">Cómo hacer tu propio PHP Proxy </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/php-mysql-programming/92830.html" title="Cómo eliminar las Cookies Uso de PHP " target="_self">Cómo eliminar las Cookies Uso de PHP </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/computer-programming-languages/88939.html" title="Cómo hacer un registro MARC " target="_self">Cómo hacer un registro MARC </a></td></tr><tr><td width="10" valign="top" class="">·</td><td class=""><a class="" href="/Programacion/java-programming/89815.html" title="Cómo compilar Java en Oracle " target="_self">Cómo compilar Java en Oracle </a></td></tr><tr></tr></table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table></td>
</tr>
</table>
<table width="980" height="8" border="0" cellpadding="0" cellspacing="0">
<tr>
<td></td>
</tr>
</table>
<table border=0 cellSpacing=0 cellPadding=0 width=980 bgColor=#36506e height=90>
<tr>
<td class=bs height=90 align=middle>Copyright © Conocimientos Informáticos http://ordenador.wingwit.com
<script language='javascript' src='/ad/201310/1.js'></script></td>
</tr>
</table>
</div>
</body>
</html>
