XHTML-Einführungstutorial: Verwendung von Listen-Tags
|
Listen werden verwendet, um eine Reihe ähnlicher oder verwandter Elemente aufzulisten. Ungeordnete Liste (Aufzählungsliste) Das Tag einer ungeordneten Liste ist <ul></ul>, und jedes Listenelement verwendet das Tag <li>. Als nächstes verwenden wir eine ungeordnete Liste, um unsere „index.html“ neu zu schreiben. Nachdem Sie die zuvor gespeicherte Datei geöffnet haben, ändern Sie den Code im Abschnitt „Für Studierende bereitgestellte Dienste“ in den folgenden ungeordneten Listencode: <h3>Services für Studierende</h3> <ul> <li>Hausaufgaben für die Winter- und Sommerferien schreiben (bei Mathe kann keine Fehlergarantie gegeben werden</b>, bei Chinesisch kann keine Tippfehlergarantie gegeben werden, Englisch-Hausaufgaben können von jemand anderem gemacht werden)</li> <li>Wenn Sie beim Mobbing von Schülern der vierten Klasse oder darunter helfen, wird Ihnen eine zusätzliche Gebühr berechnet.</b> </li> <li>Der Elternverband hilft Ihnen dabei, sich <i>als Eltern auszugeben</i>. </li> </ul> Durchsuchen Sie nach dem Speichern die Webseite und stellen Sie sicher, dass Ihre Webseite mit dieser Seite übereinstimmt. . Sortierte Liste. Das Tag der geordneten Liste ist <ol></ol> und die Listenelemente sind weiterhin <li>. Wir verwenden die geordnete Liste, um den „übergeordneten Abschnitt“ von „index.html“ neu zu schreiben und ändern das <ul></ul> im soeben geänderten Code in <ol></ol>: <ol> <li>Schreiben Sie Hausaufgaben für die Winter- und Sommerferien (ich kann nicht garantieren, dass in Mathe keine Fehler passieren, ich kann nicht garantieren, dass im Chinesischen keine Tippfehler passieren, und Sie können jemand anderen bitten, Ihre Englisch-Hausaufgaben zu machen! </b>). </li> <li>Für die Unterstützung beim Mobbing von Schülern <strong>unter der vierten Klasse</strong> fallen zusätzliche Gebühren an. </li> <li>Der Elternverband hilft Ihnen dabei, sich <i>als Eltern auszugeben</i>. </li> </ol> Durchsuchen Sie nach dem Speichern die Webseite und stellen Sie sicher, dass die Wirkung Ihrer Seite mit der dieser Seite übereinstimmt. Wir können sehen, dass der Unterschied zwischen einer ungeordneten Liste und einer geordneten Liste darin besteht, ob vor jedem Element ein Punkt oder eine Zahl steht. |
<<: So zeigen Sie Bildinformationen in Docker an
>>: Welche Vorteile bietet die Verwendung eines B+-Baums als Indexstruktur in MySQL?
Artikel empfehlen
Zwei Möglichkeiten zur Verwendung von React in React HTML
Grundlegende Verwendung <!DOCTYPE html> <...
Schreiben Sie einen einfachen Rechner mit JavaScript
Die Wirkung ist wie folgt:Referenzprogramm: <!...
Grafisches Tutorial zur Installation und Konfiguration von MySQL 8.0.16 unter Windows
Dieser Artikel zeichnet das Installations-Grafik-...
Detaillierte Erklärung zum Erstellen einer MySQL-Master-Slave-Umgebung mit Docker
Vorwort Dieser Artikel beschreibt, wie ich Docker...
Windows Server 2016 – Kurzanleitung zur Bereitstellung von Remotedesktopdiensten
Jetzt unterstützt der 2016-Server den Multi-Site-...
Singleton-Entwurfsmuster in JavaScript
Inhaltsverzeichnis 1. Was ist ein Entwurfsmuster?...
Häufig gestellte Fragen zum Webinterview: Prinzipien und Unterschiede zwischen Reflow und Repaint
Inhaltsverzeichnis Der Rendering-Mechanismus des ...
Lösung zum Vergessen des Root-Passworts der MySQL 5.7- und 8.0-Datenbank
Hinweis: Um das Root-Passwort in MySQL 5.7 zu kna...
Vue implementiert Klicks und übergibt gleichzeitig Ereignisobjekte und benutzerdefinierte Parameter.
Übergeben Sie einfach benutzerdefinierte Paramete...
Bringen Sie Ihnen bei, Dutzende von Zeilen JS zu verwenden, um coole interaktive Canvas-Effekte zu erzielen
Inhaltsverzeichnis 1. Zeichne einen Kreis 2. Krei...
40 CSS/JS-Stil und funktionale technische Verarbeitung
1- Dropdown-Auswahlfelder gestalten – Ändern Sie ...
Ubuntu 20.04 aktiviert die versteckte Aufnahme-Rauschunterdrückungsfunktion (empfohlen)
Als ich kürzlich kazam in Ubuntu 20.04 zur Aufzei...
Führen Sie die Schritte zum Konfigurieren der grundlegenden Benutzerauthentifizierung auf Nginx-Ebene aus.
Vorwort Anwendungsszenario: Wahrscheinlich muss d...
Verwenden einer MySQL-Datenbank im Docker, um LAN-Zugriff zu erhalten
1. Holen Sie sich das MySQL-Image Docker-Pull MyS...
Einfache Schritte zum Kapseln von Komponenten in Vue-Projekten
Inhaltsverzeichnis Vorwort So kapseln Sie eine To...