Inhaltsverzeichnis:
Video: HTML & CSS Tutorial für Anfänger 17 -- Stylen von Links 2024
Viele Webseiten stellen sich als Listen von Links in HTML5 und CSS3-Programmierung heraus. Da Listen und Links so gut zusammenpassen, ist es gut, sich ein Beispiel anzusehen. Beachten Sie diese Liste mit Links zu Büchern, die von einem bestimmten Autor geschrieben wurden.
Dieses Beispiel enthält keinen neuen Code, aber die Seite zeigt einige interessante Komponenten:
-
Die Liste: Eine normale ungeordnete Liste.
-
Links: Jedes Listenelement enthält einen Link. Der Link hat eine Referenz (die Sie nicht sofort sehen können) und einen verknüpfbaren Text (der wie ein normaler Link markiert ist).
-
Beschreibender Text: Nach jedem Link steht ein gewöhnlicher Text, der den Link beschreibt. Etwas Text zu schreiben, um die tatsächliche Verbindung zu begleiten, ist sehr allgemein.
Dieser Code zeigt die Organisation der Seite:
listLinks. htmlEinige nette Programmierbücher
- HTML / CSS / JavaScript Alles in Einem für Dummies Eine vollständige Ressource zur Webentwicklung
- JavaScript / AJAX für Dummies Mit JavaScript, AJAX und jQuery
- Spielprogrammierung - das L Line Game Entwicklung in Python
- HTML5 Game Entwicklung für Dummies Erstellen von Web und Mobile Spielen in HTML5
Die Einrückung ist hier interessant. Jedes Listenelement enthält einen Anker und einen beschreibenden Text. Um den Code organisiert zu halten, neigen Webentwickler dazu, den Anker innerhalb des Listenelements zu platzieren. Die Adresse geht manchmal in eine neue Zeile, wenn sie lang ist, mit dem Ankertext in einer neuen Zeile und der Beschreibung in nachfolgenden Zeilen.
Normalerweise geht das Tag an das Ende der letzten Zeile, so dass die Anfangstags wie die Aufzählungszeichen einer ungeordneten Liste aussehen. Dies erleichtert Ihnen die Suche nach einer Stelle, an der Sie später eine Liste bearbeiten können.
