Lernprogramm für HTML UL-Code

Das < UL >-Tag in HTML erstellt eine "ungeordnete" Liste auf Ihrer Seite. Dies bedeutet die Liste keiner bestimmten Reihenfolge, und die Elemente in der Liste sind mit kleinen Formen, die namens "Bullets" gezeigt, um jedes Element zu markieren. Dieser Artikel gibt einige Tipps, wie < UL > verwendet wird, ordnungsgemäße Kodierung und eine fortgeschrittene Technik zum Erscheinungsbild zu verbessern. Zögern Sie nicht, kopieren Sie Beispielcode in Ihre Seite zu sehen, wie es funktioniert.

Planung

Hinzufügen von < UL > in Ihrem HTML-Layout sollte aus einem Grund erfolgen; eine Liste der Elemente präsentieren, die etwas gemeinsam haben, aber nicht in einer bestimmten Reihenfolge. Wenn die Liste nach bestimmten Elementen oder der umliegende Inhalt bezieht sich auf Elemente in der Liste, sollte eine "geordnete"---verwenden < OL >---stattdessen verwendet werden.

Eingabe des Codes

Es ist wichtig zu bedenken, dass eine < UL > nicht allein verwendet wird. Im Gegensatz zu < P > oder < A >, < UL >-Tag braucht < LI > jedes Element in der Liste markieren. Obwohl die meisten Browser < LI > ohne das Endtag </li > verwendet werden können, müssen Sie das </ul >-Tag verwenden, um das Ende der Liste markieren.

Verschiedenen Aufzählungszeichen Typen

Standardmäßig werden fast allen Browsern ein ausgefüllter Kreis oder "Disc" als das Aufzählungszeichen angezeigt. Dies ist nicht die einzige verfügbare Option. Aus älteren HTML-Standards, können Sie das Attribut "Typ =" Verwenden einer anderen zwei Formen; ein hohler Kreis oder ein gefülltes Quadrat.Beispiel:< Ul-Typ = "Quadrat" >< li > erscheint diese Liste mit gefüllten Quadrat Symbole für Aufzählungszeichen. </li ></ul >

Hierarchische oder verschachtelte Listen

Wie viele Dinge in HTML können Listen "ineinander geschachtelt werden". Dies wirkt wie eine Unterliste, die angezeigt wird, weiter eingerückt und verwendet standardmäßig eine andere Form für die Kugel. Eine geschachtelte Liste muss innerhalb eines Listenelements der "übergeordneten" Liste eingefügt werden.Beispiel:< Ul >< li > erste Element in der wichtigsten List. </li >< li > der Name der Unterkette sind möglich. Beachten Sie die fehlenden Tag hier zu beenden.< Ul >< li > erste Unterliste Element. </li >< li > zweite untergeordnete Liste Element. </li ></>< UL / LI >< li > dritte Element in den wichtigsten List. </li ></ul >

Verbesserung der Listen mit CSS

Wie bereits erwähnt, können die Kugeln verschiedene Formen sein. HTML selbst erlaubt nur drei unterschiedliche Formen, sondern Stylesheets öffnen eine ganze Welt von Möglichkeiten. Mit CSS, kann eine kleine Bild auch für Aufzählungszeichen verwendet werden. Eine ID oder Klasse weisen Sie < UL > zu, dann verwenden Sie die zwei Regeln, die hier gezeigt, um eine maßgeschneiderte Kugel verwenden.Beispiel:< Stil >UL #myList {List-Style-Type: none; List-Style-Image: url(images/arrow.gif);}< / style >...< Ul Id = "MyList" >< li > diese Liste würde [arrow.gif] verwenden, als eine Kugel. </li >< li > das eigentliche Bild sollte nicht größer als der Buchstabe "O". </li ></ul >