Heim > Artikel > Web-Frontend > Wie entferne ich das Label vom OL-Tag in HTML? Zusammenfassung der Verwendung des
- -Tags
Wie entferne ich das Label vom OL-Tag in HTML? Zusammenfassung der Verwendung des -Tags
- 寻∝梦Original
- 2018-08-31 13:35:2119630Durchsuche
In diesem Artikel wird erläutert, wie Sie die Seriennummer aus dem HTML-ol-Tag entfernen. Außerdem wird der Code ausführlich erläutert. Außerdem wird erläutert, wie Sie die Seriennummer des HTML-ol-geordneten Listen-Tags ändern , die im Folgenden vorgestellt wird. Es gibt drei Arten von Seriennummern, und Sie können auch entscheiden, welche Seriennummer Sie eingeben möchten. Schauen wir uns nun diesen Artikel an
1. Schauen wir uns zunächst an, wie man das Label vom ol-Tag in HTML entfernt:
Wir alle wissen, dass das OL-Tag von HTML eine geordnete Liste von Tags ist. Es geht normalerweise so weiter wie 1, 2, 3 und 4. Manchmal möchte man nicht, dass es so weitergeht, und möchte diese Zahlen in ändern Ersetzen Sie es beispielsweise durch Ihre eigene Seriennummer, z. B. A, I, i usw. Oder, wenn Sie diese Symbole nicht mehr möchten und die vorherige Seriennummer entfernen möchten, sprechen wir zunächst darüber, wie das geht Entfernen Sie die Seriennummer. (Wenn Sie mehr sehen möchten, besuchen Sie die chinesische PHP-Website, Kurse zur HTML-Programmierung)
Schauen wir uns zunächst ein vollständiges Codebeispiel an
<!doctype html> <html> <head> <meta charset="utf-8"> <title>PHP中文网</title> </head> <body> <ol> <li>php中文网</li> <li>百度</li> <li>腾讯</li> </ol> </body> </html>
Dies ist ein grundlegender alter Tag-Code:
Wir können offensichtlich sehen, dass die Seriennummer dieses alten Tags beginnt Mit 123 standardmäßig verwenden alle Kleinbuchstaben als Standardseriennummer. Wir müssen also die Seriennummer entfernen.
Jetzt zeige ich Ihnen ein Codebeispiel, das die alte Tag-Seriennummer entfernt hat:
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>PHP中文网</title>
<style type="text/css">
ol{
list-style:none;
}
</style>
</head>
<body>
<ol>
<li>php中文网</li>
<li>百度</li>
<li>腾讯</li>
</ol>
</body>
</html>
跟上面也差Nicht viel, hier ist ein etwas mehr Cascading-Stylesheet-CSS-Stil als Das Obige, dieser Stil, Sie müssen ihn noch nicht verstehen, wir werden später darüber sprechen. Jetzt müssen Sie sich den Code dieses CSS-Stils merken. Die Funktion dieses Stils besteht darin, die Seriennummern zu löschen in allen alten Tags auf der aktuellen Webseite. Der Effekt ist wie im Bild gezeigt:
Offensichtlich war unser Experiment erfolgreich Obwohl der CSS-Stil verwendet wurde, ist dies nur das einfachste Stilbeispiel. Die Verwendung dieser Methode zum Entfernen von Etiketten ist die einfachste und am häufigsten verwendete Methode.
2. Sehen wir uns nun an, wie man die Seriennummer im ol-Tag ändert:
Wir brauchen keinen CSS-Stil Hier handelt es sich lediglich um ein Attribut im grundlegendsten HTML-Tag.
Jetzt führen wir das Typattribut in diesem OL-Tag ein: Das Typattribut definiert den Seriennummerntyp in der OL-Liste.
Als nächstes experimentieren wir mit „A“, „I“ und „i“:
Das Folgende ist der Code dafür:
<body> <ol type="A"> <li>php中文网</li> <li>百度</li> <li>腾讯</li> </ol> </body>
Der Effekt Wie in der folgenden Abbildung dargestellt:
Dieses Attribut gibt an, dass die Seriennummer des OL-Tags in eine Liste geändert wird, die mit „A“ beginnt, sodass sie wie folgt angezeigt wird .
Dasselbe gilt, wenn der Wert dieses Typattributs gleich „a“ ist, beginnend mit Kleinbuchstaben a, abc und dergleichen.
Dasselbe gilt, wenn der Typattributwert gleich „I“ ist. Sehen wir uns den Effekt an:
Wenn der Typattributwert gleich „I“ ist. i“ und es ist fast gleich „I“.
Eine persönliche Zusammenfassung der Verwendung von HTML-OL-Tags:
Jetzt können wir grundsätzlich daran denken, OL-Tags zu verwenden, um verschiedene Listen zu erstellen, und wir können die Seriennummer ändern Egal, welche Seriennummer wir haben, Sie haben das letzte Wort auf Ihrer Liste. Die Definition einer geordneten Liste besteht darin, dass sie jede Sequenznummer verwenden kann, die auf unbestimmte Zeit erweitert werden kann. Wenn die Sequenznummern gleich sind, unterscheidet sie sich nicht von einer ungeordneten Liste. Daher ist es besser, geordnete Listen zu verwenden. (Wenn Sie mehr erfahren möchten, kommen Sie hier: PHP-Chinesisch-Online-HTML-Kurs)
【Empfehlung des Herausgebers】
Wo finde ich das Head-Tag in HTML? ? Zusammenfassung der Rolle des Head-Tags
Was sind die drei Elemente des Meta-Tags in HTML5? Zusammenfassung der Verwendung von Meta-Tags
Das obige ist der detaillierte Inhalt vonWie entferne ich das Label vom OL-Tag in HTML? Zusammenfassung der Verwendung des
- -Tags. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!