Els enllaços s’utilitzen per crear una navegació clara i còmoda entre les pàgines del bloc. Poden ser interns i externs. En el primer cas, els enllaços proporcionen una transició entre els materials d’un recurs, en el segon, a llocs de tercers.
Instruccions
Pas 1
Per publicar enllaços al vostre bloc, inicieu sessió al tauler d'administració. Si el diari es va crear mitjançant tecnologies lliures, per exemple https://www.blogger.com/, inicieu la sessió al vostre compte a través del lloc web de l’empresa desenvolupadora. En aquest cas, introduïu el vostre nom d'usuari i contrasenya pàgina
Pas 2
A la barra d'eines, seleccioneu una ordre per crear una publicació nova o editar una publicació prèvia. Veureu una finestra buida per fer canvis, a sobre de la qual es mostren les ordres.
Pas 3
Si voleu incloure un enllaç al text o a la imatge, seleccioneu la paraula o secció de la frase a partir de la qual es farà la transició i, a continuació, feu clic al botó "Afegeix enllaç". Al formulari que s’obre, escriviu l’adreça de la pàgina.
Pas 4
Tanmateix, la barra de tasques mostra un rang molt reduït de tasques i, si voleu dissenyar l’estil de l’enllaç d’una manera especial, haureu de fer canvis al codi de pàgina. Per canviar al mode d'edició, seleccioneu l'ordre "Representa en html".
Pas 5
Inseriu l'enllaç mitjançant etiquetes i afegiu els elements d'interès. La descripció està configurada per l'atribut title="Text", de manera que la pàgina s'obri en una finestra nova, escriviu. Alt = "Text alternatiu": el valor especificat entre cometes es fa visible per l'usuari si la imatge no es mostra. Enllaç, enllaç, vlink: esquema de colors dels enllaços no visitats, actius i usats, establert al camp. Perquè aparegui el subratllat després de passar el cursor, heu de configurar: a: hover {text-decoration: underline; color: # 800000} a {text-decoration: none;} Utilitzeu l'enllaç següent per crear un subratllat amb punts: A.dot {text-decoration: none; border-bottom: 1px ratllat # 000080; } A.dot:hover {color: # f00000; } Atributs: - text-decoration: none - elimineu el subratllat; - color: # f00000 - configureu el color; - border-bottom: 1px discontinu # 000080 - afegiu una línia nova.
Pas 6
Deseu el resultat i comproveu si els enllaços funcionen.