Les liens sont utilisés pour créer une navigation claire et pratique entre les pages de blog. Ils peuvent être à la fois internes et externes. Dans le premier cas, les liens assurent une transition entre les matériaux d'une ressource, dans le second - vers des sites tiers.
Instructions
Étape 1
Pour publier des liens vers votre blog, connectez-vous à votre panneau d'administration. Si le journal a été créé à l'aide de technologies gratuites, par exemple https://www.blogger.com/, connectez-vous à votre compte via le site Web de la société de développement. Dans ce cas, entrez votre nom d'utilisateur et votre mot de passe sur page
Étape 2
Dans la barre d'outils, sélectionnez une commande pour créer une nouvelle publication ou modifier une publication précédemment publiée. Vous verrez une fenêtre vide pour apporter des modifications, au-dessus de laquelle les commandes sont affichées.
Étape 3
Si vous souhaitez inclure un lien dans le texte ou l'image, sélectionnez le mot ou la section de la phrase à partir de laquelle la transition sera effectuée, puis cliquez sur le bouton "Ajouter un lien". Dans le formulaire qui s'ouvre, notez l'adresse de la page.
Étape 4
Cependant, la barre des tâches affiche une gamme très restreinte de tâches, et si vous souhaitez styliser le lien d'une manière spéciale, vous devrez apporter des modifications au code de la page. Pour passer en mode édition, sélectionnez la commande "Rendu en html".
Étape 5
Insérez le lien à l'aide de balises et ajoutez les éléments d'intérêt. L'info-bulle est définie par l'attribut title="Text", de sorte que la page s'ouvre dans une nouvelle fenêtre, écrivez. Alt = "Texte alternatif" - la valeur spécifiée entre guillemets devient visible pour l'utilisateur si l'image n'est pas affichée. Link, alink, vlink - schéma de couleurs des liens non visités, actifs et utilisés, définis sur le terrain. Pour que le soulignement apparaisse après le survol du curseur, vous devez définir: a: hover {text-decoration: underline; color: # 800000} a {text-decoration: none;} Utilisez le lien suivant pour créer un soulignement en pointillés: A.dot {text-decoration: none; border-bottom: 1px en pointillés # 000080; } A.dot:hover {color: # f00000; } Attributs: - text-decoration: none - supprime le soulignement; - color: # f00000 - définit la couleur; - border-bottom: 1px dashed # 000080 - ajoute une nouvelle ligne.
Étape 6
Enregistrez le résultat et vérifiez si les liens fonctionnent.
