CSS - Externe URL des Hyperlinks sichtbar machen

Die folgenden CSS-Regeln gestalten die Hyperlinks und machen die URL der Hyperlinks sichtbar.

Meine Seite
MDN-Web-Dokumentation


<style>

{
 
color#4169E1;
 
text-decorationNone;
}

a[href].extern:after {
 
content:" ["attr(href)"] ";
 
font-familyArialSans-Serif;
 
font-size0.94rem;
 
color#ACACAC;
}
</
style>

<
a href="https://werner-zenk.de" class="extern">Meine Seite</a>

Bausteine  Alle Anzeigen

Eine zufällige Auswahl von Codeschnipseln aus den Bereichen HTML, CSS, PHP, JavaScript und MySQL.

<span> Allgemeines Inline-Element

CSS - Modal-Fenster mit HTML5 und CSS

PHP - Ganzzahl (Integer) überprüfen

JavaScript - Countdown

MySQL - Zufällige Datensätze auslesen

Sitemap - Übersicht
Werden auf einer Seite zu viele Links angezeigt, kann der Besucher schnell die Übersicht verlieren. Bei größeren Webseiten empfiehlt es sich daher eine Seite mit einer Übersicht (oder Inhaltsverzeichnis) anzubieten.