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
Verwendung von benutzerdefinierten Nginx-Variablen und integrierten vordefinierten Variablen
Überblick Nginx kann Variablen verwenden, um die ...
Zusammenfassung von 3 Möglichkeiten zum verzögerten Laden eines Vue-Routers
Kein Lazy Loading verwenden importiere Vue von „v...
Führt das Laden von CSS zu einer Blockierung?
Vielleicht weiß jeder, dass die JS-Ausführung die...
Die einfachste Formularimplementierung des Flexbox-Layouts
Flexibles Layout (Flexbox) erfreut sich zunehmend...
Perfekte Lösung für das Problem des CSS-Hintergrundbildpfads im Webpack
Innerhalb des Style-Tags der Vue-Komponente befin...
Zusammenfassung der gemeinsamen Updatemethode für MySQL-Updates mehrerer Tabellen
Als Nächstes werde ich zwei Tabellen erstellen un...
So installieren Sie Nginx in CentOS7
Installieren Sie die erforderliche Umgebung 1. gc...
Detailliertes Tutorial zur Installation von MySQL 8 in CentOS 7
Vorbereiten Umweltinformationen zu diesem Artikel...
Reiner CSS-Beispielcode für Meteorschauer-Hintergrund
GitHub-Adresse, Sie können es mit einem Stern mar...
VMWare15 installiert Mac OS-System (grafisches Tutorial)
Installationsumgebung Windows 10 VMware Workstati...
Detaillierte Erklärung des Plattformbusses des Linux-Treibers
Inhaltsverzeichnis 1. Einführung in den Plattform...
Detaillierte Erklärung der Stile in uni-app
Inhaltsverzeichnis Stile in uni-app Zusammenfasse...
Der Unterschied zwischen VOLUME und docker -v in Dockerfile
Es gibt offensichtliche Unterschiede zwischen der...
Lösung für die Upload-Einschränkung von Element-ui-Uploaddateien
Frage Die Angabe des Typs der hochgeladenen Datei...
Eine kurze Diskussion zur Verwendung von React.FC und React.Component
Inhaltsverzeichnis 1. Reagieren.FC<> 2. Kla...