Como-se-usa-la-etiqueta-link







Como-se-usa-la-etiqueta-link


Como-se-usa-la-etiqueta-link


Como-se-usa-la-etiqueta-link

Lo ultimo de CSS

Como se usa la etiqueta link para definir los estilos de una pagna web. Al usar esta etiqueta link reducimos el acomplamiento al maximo ya que los ficheros html y css se encuentran separados en diferentes ficheros,con esto podemos usar el fichero link en cantidad de paginas diferentes en html ,lo unico que debemos hacer es incluir la ruta del fichero link para que se muestre en todas nuestras paginas. La etiqueta link se escribe en head de la pagina ,la etiqueta link debe llevar el atributo href="" en el que se indica la ruta del fichero y el atributo rel ="" que indica que es una hoja de estilos css. Vamos a utilizar para este ejemplo ,color para definir el color del texto ,background-color para el color del fondo del texto,font-family para definir el tipo de letra la fuente y font-size para definir el tamano del texto. Bueno lo que debemos hacer es crear un archivo css aparte ponerle nombre ejemplo miestilo.css y en este archivo copiar el codigo css que escribimos en la etiqueta style que esta abajo y ahora lo podemos unir creando la coneccion de esta forma <link href="miestilo.css " rel ="stylesheet" type=" text/css"/> , de esta forma hemos reducido el acoplamiento de la mejor forma mas efeciente y simplificada ahora si queremos hacer un cambio en cualquiera de las paginas que tengamos ya sea una o 1000 paginas lo hacemos desde aqui en un unico fichero.


Como-se-usa-la-etiqueta-link


Demostracion <!doctype html> <html> <head> <meta charset ="utf-8"/> <title> Demostracion 1</h1> <link href="miestilo.css " rel ="stylesheet" type=" text/css"/> </head> <body> <h1>Demostracion 1</h1> <strong> Offerjops </strong> este es un sitio de eprendurismo <em>tema programacion</em> <h2> Programacion</h2> <p> Este web site es describido por <em>Enrique Rojas</em> <p>Muchas gracias por tu presencia</p> </body> </html> <style type="text/css"> body { background-color:#ccc; color: #333; } h1,h2 { font-family:gergia; } h1 { font-size:3em; ] h2 { font-size:2em; } p { font-family:arial,helvitica,sans-serif; } </style>


Offerjops CSS


Enrique Rojas


Diseño web, Consultor- Seo
Apasionado del posicionamiento web
Impulsar la visibilidad de tu web para búsquedas valiosas en Google.



Sobre el Autor

Offerjops CSS las mejores noticias sobre esta categoria CSS Offerjops

Offerjops
14 stars - based on 214 reviews