Warum funktionieren die Ränder nicht auf meiner HTML-Liste?

Wenn Sie eine Webseite in die Hypertext Markup Language (HTML) zu entwickeln, können Sie verschiedene Funktionen auf Ihrer Website an, einschließlich Listen gestalten. Listen, die gehören Aufzählungszeichen und nummerierte können in einer Vielzahl von Möglichkeiten, die Verwendung von Stylesheets angezeigt werden. Wenn nach dem Entwerfen der Lists, sie nicht angezeigt werden wie erwartet, dann musst du die Codierung überprüfen.

Listen in HTML

Der Code für Listen verwendet entweder den < Ol >-Tag für "geordnete" Listen, auch bekannt als nummerierte Listen oder das < Ul >-Tag für "ungeordnete" Listen, andernfalls bekannt als Aufzählungszeichen. Betreten diese in Ihrem HTML-Code ist einfach, aber es schließt nicht die Parameter für Design--die über ein cascading Stylesheet (CSS) eingegeben werden müssen.

Listen in CSS

Das cascading Stylesheet ist die Codierung in einer separaten CSS-Datei oder im < Head > Tag Ihres HTML, das kennzeichnet, das Aussehen der verschiedenen Elemente auf Ihrer Seite. Das Styling der Liste können Sie die Seitenränder ändern. Daher, wenn Sie die Seitenränder ändern möchten, müssen Sie es im CSS-Code tun.

CSS-Code

Fügen Sie den folgenden Code, entweder in die CSS-Datei oder innerhalb des CSS-Tags in den < Head >-Tags:

UL

{

Rand Links: 1em;

Textabstand links: 0;

}

Li

{

Margin: 0;

Padding: 0;

}

Fügen Sie die typische "Marge" Parameter hier (Marge, Margin-Top, Rand Links, etc.).

HTML-Code

Stellen Sie sicher, dass Sie grundlegende HTML-Code in die eigentliche Implementierung zum Beispiel verwenden:

Liste der < h1 > < / h1 >

< Ul >

< li > </li > 1

< li > 2 </li >

< li > drei 3 </li >

</ul >