CSS supprime le lien

Dans la programmation informatique, les liens sont largement connus et utilisés pour diriger vers un emplacement spécifique où les données résident. Nous pouvons entrer dans cet endroit particulier en tapant sur le lien hypertexte. Nous pouvons également attacher ce lien vers un mot ou un bouton afin que lorsque nous appuyons sur le mot ou le bouton, cela nous amènera aux données particulières. Habituellement, lorsqu'un utilisateur ajoute un lien hypertexte au mot ou au bouton, ce mot ou bouton serait mis en surbrillance et souligné. Et si certains d'entre vous ne veulent pas souligner le lien? Dans ce cas, utilisez cet article pour votre aide qui illustrera quelques exemples pour supprimer la sous-étape du lien.

Exemple 01:
Jetons un coup d'œil au premier exemple de HTML pour ajouter le lien dans la page Web HTML. Ensuite, nous discuterons d'un moyen de supprimer le soulignement de ce lien. Nous avons généré un nouveau fichier texte avec le titre «CSS». Ce fichier a été ouvert dans le code Visual Studio. Nous avons commencé notre code avec l'utilisation de la balise HTML principale, «HTML». Dans la balise «Head» de ce script HTML, nous avons utilisé la balise «Title» pour nommer ou titre notre page Web, «Supprimer sous la ligne».

Dans la balise corporelle, nous avons ajouté notre contenu à afficher sur la page Web à l'aide de certaines balises HTML utiles. La première balise que nous avons utilisée est l'étiquette d'en-tête de taille 2, «H2». Le H2 est la deuxième plus grande rubrique dans les scripts HTML. Ce titre sera affiché sur la page Web sans aucun style et dans un autre format. La balise suivante que nous utilisons est la balise de paragraphe, «P». Il contient un texte simple avec le lien qui y est attaché avec la balise d'ancrage «A» suivie du «HREF» pour ajouter l'URL. Ce lien peut être un chemin vers une image sur votre ordinateur local ou une page Web en ligne. Nous avons fourni le chemin vers une image dans notre ordinateur local (je.e., indice.PNG.) Tout ce que vous avez fourni dans la balise d'ancre «A» sera souligné et mis en évidence sur une page Web. Il s'agit d'utiliser des liens sur une page HTML. Enregistrons et exécutons ce code en utilisant le bouton d'exécution de la barre des tâches du code Visual Studio. Exécutez ce code avec le navigateur Chrome.

La page Web nommée «Supprimer un soulignement» a été ouverte dans le navigateur comme vous pouvez le voir à partir de la sortie ci-dessous. Il y a un titre «lien avec soulignement» sur votre écran blanc. Après cela, vous avez un simple paragraphe en une ligne en dessous avec un lien attaché à son mot «logo». Vous pouvez voir que le mot «logo» est souligné et mis en évidence en couleur bleue. Appuyez sur le mot «logo» pour voir ce qui sort.

La page Web a été dirigée vers l'image de la croisement affichée (index.JPG) Emplacement qui a été situé sur notre ordinateur local. L'image contient un logo animé simple.

Mettons à jour notre code HTML pour supprimer la ligne utilisée pour souligner le mot-clé de lien «Logo». Pour cela, nous avons d'abord mis à jour la tête H2 (i.e., «Lien sans soulignement»). Après cela, nous avons utilisé la balise CSS «Style» dans la balise d'ancrage «A» pour définir la propriété «Text-Decoration» sur «Aucun». La propriété «Text-Decoration» définie sur «None» supprimera tout le style appliqué au mot-clé de lien particulier «logo» et en fera un texte normal simple. Enregistrons d'abord ce code.

Après avoir exécuté le code mis à jour dans le navigateur, nous avons la ligne de paragraphe et la mise à jour. Le mot «logo» a été mis en évidence tel qu'il est mais le soulignement en a été supprimé. D'un autre côté, le mot-clé «logo» fonctionne toujours comme un lien et vous dirige vers l'image.

Exemple 2:
Jetons un coup d'œil au nouvel exemple pour supprimer le soulignement des liens fournis dans la page Web HTML. Cet exemple sera différent car nous utilisons deux liens de différents types dans la balise de paragraphe intérieure d'une balise corporelle pour un script HTML. Nous avons ajouté deux titres et deux paragraphes dans le corps d'une page Web via des balises. Les premier et deuxième titres: «Lien avec soulignement», montrent que les deux liens seront soulignés. Dans les balises de paragraphe, nous utilisons la balise d'ancrage «A» pour ajouter des liens vers des URL spécifiques. La toute première URL de paragraphe a indiqué le même index d'image.PNG. Une balise de style CSS a été utilisée pour définir la couleur de ce mot-clé de lien «Logo» en violet selon la propriété de couleur. L'URL du deuxième paragraphe a indiqué la nouvelle URL pour un fichier texte simple situé sur notre ordinateur local (i.e., test.txt) et la balise de style CSS a été utilisée pour définir la couleur de son mot-clé de lien «fichier» en marron conformément à la propriété de couleur.

Soitons-les à l'aide d'une balise de style dans la balise de tête d'un fichier html. Nous avons fixé les marges de 15 pixel. La propriété textuelle-décoration utilise la valeur «souligne» pour souligner les deux mots clés. L'épaisseur de la ligne a été réglée à 6 pixels. La couleur de la propriété en survol a été réglée sur «Aqua». Économions et déboglons ce code dans Visual Studio maintenant.

La sortie du code ci-dessus a affiché deux titres avec deux paragraphes. Le mot-clé «logo» souligné contient le chemin d'accès à l'image tandis que le «fichier» de mot souligné vous dirigera vers le fichier texte (i.e., test.SMS.)

Lorsque vous appuyez sur le mot-clé «fichier», il vous dirigera vers le test.Fichier TXT comme indiqué ci-dessous.

Lorsque vous survolez l'un des mots mis en évidence des paragraphes de croisement montré, la couleur d'un mot et son soulignement seraient changées en «aqua» comme indiqué dans l'affichage ci-dessous.

Pour supprimer le soulignement des deux mots de liaison, nous devons définir la décoration texte de la propriété pour un lien vers «aucun». Nous n'avons pas mis à jour le reste du code pour éviter les inconvénients. Pour voir son fonctionnement, nous devons le sauvegarder d'abord par Ctrl + S, puis le déboguer à l'aide du bouton "Exécuter" à partir du code Visual Studio.

La sortie de ce code mise à jour a affiché deux paragraphes chacun avec le mot de lien «logo» et «fichier» respectivement. Le soulignement au bas des deux mots a été supprimé avec succès sans causer de problème.

Conclusion:

La démonstration de la suppression d'un soulignement du lien a été effectuée dans cet article. Pour cela, nous avons utilisé la propriété textuelle-décoration dans le style en ligne et le style en ligne d'un script HTML. L'utilisation de l'élément de survol ainsi que la propriété d'épaisseur et de couleur d'un lien a été très utile tout au long de l'article. Après avoir parcouru toutes les illustrations de HTML fournie dans cet article, vous pourrez obtenir les connaissances et une compréhension claire des liens, leur style et la suppression des soulignements sous eux.