Inhalt
Webdesigner verwenden Listen "ungeordnet" oder "Lesezeichen", um nicht nur Lesezeichen und Text hinzuzufügen. Das HTML-Tag, das zum Erstellen ungeordneter Listen verwendet wird, ist nützlich, um Menüs zu erstellen und Bilder zu organisieren, damit JavaScript in eine Präsentation geladen werden kann. Wenn Sie lernen, wie man CSS (Cascading Style Sheet) zusammen mit diesen Listen verwendet, werden sich viele Möglichkeiten für das Webdesign ergeben. Das Ausrichten ungeordneter Listen ist eine sehr wichtige Fähigkeit, die verbessert werden muss.
Anweisungen
Verwenden Sie CSS-Code, um ungeordnete Listen in HTML auszurichten (Jupiterimages / Photos.com / Getty Images)-
Öffnen Sie die HTML-Datei, die die ungeordnete Liste enthält, und durchsuchen Sie die Tags und oben im Code. Tags hinzufügen> und wenn sie nicht schon vorhanden sind. Wenn Ihr Code ein Tag enthält
- Irgendwo danach, und es enthält einen Verweis auf eine CSS-Datei, öffnen Sie diese Datei. Ihr CSS-Code wechselt zwischen> und oder in einer neuen Zeile Ihrer CSS-Datei.
-
Richten Sie Text innerhalb von Lesezeichen aus, indem Sie die Eigenschaft "text-align" Ihres Tags festlegen
- . Dies betrifft die Tags
- und um sie als Teil einer einzelnen Liste zu definieren. Wenn Sie den Text im Tag ausrichten
- Alle Elemente in der Liste sind betroffen, nicht jedoch die Liste links oder rechts von der Seite. Ein Beispiel für die Verwendung von CSS-Code zum Festlegen der Eigenschaft "text-align" verwenden Sie "ul {text-align: right;}". Beachten Sie, dass sich die Markierungen nicht mit dem Text bewegen. In diesem Fall sind sie auf der linken Seite.
-
Richten Sie die gesamte Liste links oder rechts der Seite aus, indem Sie die Eigenschaft "float" Ihres Tags festlegen
- . Diese Eigenschaft wirkt sich auf die gesamte Liste aus, indem sie nach links oder rechts von der Seite verschoben wird. Schreiben Sie den Code "ul {float: right;}".
Sie können diese Eigenschaft nach links oder rechts setzen, jedoch nicht in die Mitte.
-
Umhüllen Sie Ihre Tags
- mit Tags und zum Erstellen eines Wraps, der die Liste auf der Seite zentriert. Der Code sieht folgendermaßen aus: "
- Listenelement
- Listenelement
Das Tag wird nichts an sich ausrichten. Sie sollten CSS verwenden, um alles zu zentrieren. Fügen Sie den folgenden Code zwischen die Tags> oder in Ihre CSS-Datei ein, um die Liste zu zentrieren: "div {display: block; text-align: center;} ul {display: inline-block; text-align: left;}".