XHTML introductory tutorial: Use of list tags
|
Lists are used to list a series of similar or related items. Unordered list (bullet list) The tag of an unordered list is <ul></ul>, and each list item uses the <li> tag. Next, we will use an unordered list to rewrite our "index.html". After opening the previously saved file, modify the code in the "Services provided to students" section to the following unordered list code: <h3>Services for Students</h3> <ul> <li>Write homework for winter and summer vacations (math <b>can't be guaranteed</b> to have no mistakes, Chinese can't be guaranteed to have no typos, English homework can be done by someone else)</li> <li>If you help bully students in the fourth grade or below, you will be charged an additional fee.</b> </li> <li> The Parent Association will help <i>impersonate parents</i>. </li> </ul> After saving, browse the web page and make sure your web page is the same as this page. . Ordered list The tag of ordered list is <ol></ol>, and the list items are still <li>. We use the ordered list to rewrite the "parent section" of "index.html" and change the <ul></ul> in the code just modified to <ol></ol>: <ol> <li>Write homework for winter and summer vacations (I can't guarantee that there will be no mistakes in math, I can't guarantee that there will be no typos in Chinese, and you can ask someone else to do your English homework! </b>). </li> <li>Helping to bully students <strong>below grade 4</strong> will incur additional fees. </li> <li>The Parent Association will help <i>impersonate parents</i>. </li> </ol> After saving, browse the web page and make sure that the effect of your page is the same as this page. We can see that the difference between an unordered list and an ordered list is whether there is a dot or a number in front of each item. |
<<: What are the benefits of using B+ tree as index structure in MySQL?
>>: A brief introduction to VUE uni-app core knowledge
Recommend
Details of MutationObServer monitoring DOM elements in JavaScript
1. Basic Use It can be instantiated through the M...
The difference between hash mode and history mode in vue-router
vue-router has two modes hash mode History mode 1...
Vue implements small search function
This article example shares the specific code of ...
Docker swarm simple tutorial
swarm three virtual machines 132,133,134 1. Initi...
Detailed explanation of the principles and usage of MySQL stored procedures
This article uses examples to explain the princip...
Introduction to Docker Quick Deployment of SpringBoot Project
1. Install Docker First open the Linux environmen...
Detailed explanation of the principles of Vue's responsive system
Table of contents The basic principles of Vue'...
Example code for implementing transparent gradient effects with CSS
The title images on Zhihu Discovery columns are g...
Essential tools for web design: Firefox Web Developer plugin CSS tool set tutorial
The plugin is installed in the Firefox browser. T...
Summary of all HTML interview questions
1. The role of doctype, the difference between st...
How to solve the problem of Ubuntu 18.04 looping login/stuck on the boot interface/unable to enter the graphical interface
Cause: NVIDIA graphics card driver is damaged Sol...
Implementation steps of vue-element-admin to build a backend management system
Recently, when I was working on a conference heal...
21 MySQL standardization and optimization best practices!
Preface Every good habit is a treasure. This arti...
Several ways to solve the problem of floating causing the height of the parent element to collapse in CSS
1. Document flow and floating 1. What is document...
11 ways to remove duplicates from js arrays
In actual work or interviews, we often encounter ...