Heim Web-Frontend HTML-Tutorial 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

Aug 31, 2018 pm 01:35 PM
html ol type

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>
Nach dem Login kopieren

Dies ist ein grundlegender alter Tag-Code:

Wie entferne ich das Label vom OL-Tag in HTML? Zusammenfassung der Verwendung des <ol>-Tags

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>
跟上面也差
Nach dem Login kopieren

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:

Wie entferne ich das Label vom OL-Tag in HTML? Zusammenfassung der Verwendung des <ol>-Tags

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>
Nach dem Login kopieren

Der Effekt Wie in der folgenden Abbildung dargestellt:

Wie entferne ich das Label vom OL-Tag in HTML? Zusammenfassung der Verwendung des <ol>-Tags

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:

Wie entferne ich das Label vom OL-Tag in HTML? Zusammenfassung der Verwendung des <ol>-Tags

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!

Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn

Heiße KI -Werkzeuge

Undresser.AI Undress

Undresser.AI Undress

KI-gestützte App zum Erstellen realistischer Aktfotos

AI Clothes Remover

AI Clothes Remover

Online-KI-Tool zum Entfernen von Kleidung aus Fotos.

Undress AI Tool

Undress AI Tool

Ausziehbilder kostenlos

Clothoff.io

Clothoff.io

KI-Kleiderentferner

AI Hentai Generator

AI Hentai Generator

Erstellen Sie kostenlos Ai Hentai.

Heißer Artikel

R.E.P.O. Energiekristalle erklärten und was sie tun (gelber Kristall)
2 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌
Repo: Wie man Teamkollegen wiederbelebt
1 Monate vor By 尊渡假赌尊渡假赌尊渡假赌
Hello Kitty Island Abenteuer: Wie man riesige Samen bekommt
4 Wochen vor By 尊渡假赌尊渡假赌尊渡假赌

Heiße Werkzeuge

Notepad++7.3.1

Notepad++7.3.1

Einfach zu bedienender und kostenloser Code-Editor

SublimeText3 chinesische Version

SublimeText3 chinesische Version

Chinesische Version, sehr einfach zu bedienen

Senden Sie Studio 13.0.1

Senden Sie Studio 13.0.1

Leistungsstarke integrierte PHP-Entwicklungsumgebung

Dreamweaver CS6

Dreamweaver CS6

Visuelle Webentwicklungstools

SublimeText3 Mac-Version

SublimeText3 Mac-Version

Codebearbeitungssoftware auf Gottesniveau (SublimeText3)

Tabellenrahmen in HTML Tabellenrahmen in HTML Sep 04, 2024 pm 04:49 PM

Anleitung zum Tabellenrahmen in HTML. Hier besprechen wir verschiedene Möglichkeiten zum Definieren von Tabellenrändern anhand von Beispielen für den Tabellenrand in HTML.

Verschachtelte Tabelle in HTML Verschachtelte Tabelle in HTML Sep 04, 2024 pm 04:49 PM

Dies ist eine Anleitung für verschachtelte Tabellen in HTML. Hier diskutieren wir anhand der entsprechenden Beispiele, wie man eine Tabelle innerhalb der Tabelle erstellt.

HTML-Rand links HTML-Rand links Sep 04, 2024 pm 04:48 PM

Anleitung zum HTML-Rand links. Hier besprechen wir einen kurzen Überblick über HTML margin-left und seine Beispiele sowie seine Code-Implementierung.

HTML-Tabellenlayout HTML-Tabellenlayout Sep 04, 2024 pm 04:54 PM

Leitfaden zum HTML-Tabellenlayout. Hier besprechen wir die Werte des HTML-Tabellenlayouts zusammen mit den Beispielen und Ausgaben im Detail.

Text in HTML verschieben Text in HTML verschieben Sep 04, 2024 pm 04:45 PM

Anleitung zum Verschieben von Text in HTML. Hier besprechen wir eine Einführung, wie Marquee-Tags funktionieren, mit Syntax und Beispielen für die Implementierung.

Wie analysiert und verarbeitet man HTML/XML in PHP? Wie analysiert und verarbeitet man HTML/XML in PHP? Feb 07, 2025 am 11:57 AM

Dieses Tutorial zeigt, wie XML -Dokumente mit PHP effizient verarbeitet werden. XML (Extensible Markup-Sprache) ist eine vielseitige textbasierte Markup-Sprache, die sowohl für die Lesbarkeit des Menschen als auch für die Analyse von Maschinen entwickelt wurde. Es wird üblicherweise für die Datenspeicherung ein verwendet und wird häufig verwendet

HTML-geordnete Liste HTML-geordnete Liste Sep 04, 2024 pm 04:43 PM

Leitfaden zur HTML-geordneten Liste. Hier besprechen wir auch die Einführung von HTML-geordneten Listen und Typen sowie deren Beispiele

HTML-Onclick-Button HTML-Onclick-Button Sep 04, 2024 pm 04:49 PM

Anleitung zum HTML-OnClick-Button. Hier diskutieren wir deren Einführung, Funktionsweise, Beispiele und Onclick-Events in verschiedenen Veranstaltungen.

See all articles