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="escomad2"><script language='javascript' src='http://www.ordenador.online/ad/es/2.js'></script></div>
</div>
<div class=contentpage>
<div class=p1>Página anterior: <a class='LinkPrevArticle' href='http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Tutorial-HTML-mailto-.html' >Tutorial HTML mailto </a> </div>
<div class=p2>Página siguiente: <a class='LinkNextArticle' href='http://www.ordenador.online/Programacion/Lenguajes-De-Programación/¿Cómo-aumentar-el-rendimiento-de-un-informe-de-Crystal-para-que-se-ejecute-más-rápido-.html' >¿Cómo aumentar el rendimiento de un informe de Crystal para que se ejecute más rápido </a> </div>
</div>
<dl class=xgc>
<dt><span>Lenguajes De Programación</span></dt>
<dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-convertir-SGML-de-ASN-1-.html">Cómo convertir SGML de ASN.1 </a></dd><dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-matar-a-un-comando-con-Python-.html">Cómo matar a un comando con Python </a></dd><dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-automatizar-un-correo-electrónico-mediante-Telnet-.html">Cómo automatizar un correo electrónico mediante Telnet </a></dd><dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/¿Se-puede-matar-a-un-tema-sin-matar-el-proceso-.html">¿Se puede matar a un tema sin matar el proceso </a></dd><dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-convertir-Liberty-BASIC-to-EXE-.html">Cómo convertir Liberty BASIC to EXE </a></dd><dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-escribir-algoritmos-para-principiantes-.html">Cómo escribir algoritmos para principiantes </a></dd><dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-crear-SAP-Jobs-automáticamente-Antecedentes-.html">Cómo crear SAP Jobs automáticamente Antecedentes </a></dd><dd><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-hacer-un-archivo-TLB-.html">Cómo hacer un archivo TLB </a></dd>
</dl>
</div>
<!--right-->
<div class=rightmain>
<div class=esrightlist>
<div class=e1>Los últimos artículos de equipo</div>
<ul>
<li><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-abordar-los-modos-de-microprocesador-.html" >Cómo abordar los modos de microprocesador </a> </li><li><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-leer-de-un-archivo-en-Fortran-.html" >Cómo leer de un archivo en Fortran </a> </li><li><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-crear-diagramas-UML-.html" >Cómo crear diagramas UML </a> </li><li><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/La-función-aleatoria-en-COBOL-.html" >La función aleatoria en COBOL </a> </li><li><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Las-desventajas-de-compresión-de-un-sitio-web-.html" >Las desventajas de compresión de un sitio web </a> </li><li><a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-utilizar-la-caja-de-UML-.html" >Cómo utilizar la caja de UML </a> </li>
</ul>
</div>
<div class=esrightlist>
<div class=e1>Artículos de la popular computadora</div>
<ul>
<li> <a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-excluir-archivos-de-un-proyecto-en-NetBeans-.html" >Cómo excluir archivos de un proyecto en NetBeans </a></li><li> <a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Extreme-Programming-Training-.html" >Extreme Programming Training </a></li><li> <a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-cambiar-el-tamaño-de-las-columnas-en-subformularios-.html" >Cómo cambiar el tamaño de las columnas en subformularios </a></li><li> <a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-convertir-COBOL-En-Fortran-.html" >Cómo convertir COBOL En Fortran </a></li><li> <a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-cambiar-de-GW--BASIC-a-QBasic-.html" >Cómo cambiar de GW -BASIC a QBasic </a></li><li> <a href="http://www.ordenador.online/Programacion/Lenguajes-De-Programación/Cómo-mostrar-nombres-de-objetos-en-MATLAB-.html" >Cómo mostrar nombres de objetos en MATLAB </a></li>
</ul>
</div>
<div class="esrightad">
<script language='javascript' src='http://www.ordenador.online/ad/es/r.js'></script>
</div>
<div class=esrightlist>
<div class=e1>Más categorías</div>
<ul>
<li><a href='http://www.ordenador.online/Programacion/C--C-----Programming/' target="_self">C /C + + Programming</a></li>
<li><a href='http://www.ordenador.online/Programacion/Lenguajes-De-Programación/' target="_self">Lenguajes De Programación</a></li>
<li><a href='http://www.ordenador.online/Programacion/Delphi-Programación/' target="_self">Delphi Programación</a></li>
<li><a href='http://www.ordenador.online/Programacion/Programación-Java/' target="_self">Programación Java</a></li>
<li><a href='http://www.ordenador.online/Programacion/JavaScript-Programación/' target="_self">JavaScript Programación</a></li>
<li><a href='http://www.ordenador.online/Programacion/Programación-PHP--MySQL/' target="_self">Programación PHP /MySQL</a></li>
<li><a href='http://www.ordenador.online/Programacion/Perl-Programming/' target="_self">Perl Programming</a></li>
<li><a href='http://www.ordenador.online/Programacion/Python-Programming/' target="_self">Python Programming</a></li>
<li><a href='http://www.ordenador.online/Programacion/Rubí-Programación/' target="_self">Rubí Programación</a></li>
<li><a href='http://www.ordenador.online/Programacion/Visual-Basics-Programación/' target="_self">Visual Basics Programación</a></li>
</ul>
</div>
</div>
<!--right end-->
<div class="cl"></div>
</div>
<div class=esfoot>
<div class=copy>Conocimientos Informáticos © http://www.ordenador.online</div>
</div>
</body>
</html> 