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
Everything is a file! UNIX has already said it. E...
Preface You should often see this kind of special...
Introduction react-i18next is a powerful internat...
Sometimes you need to set several areas on a pict...
Prerequisites A cloud server (centOS of Alibaba C...
The semantics, writing style, and best practices ...
0x0 Introduction First of all, what is a hash alg...
Table of contents 1. Modify by binding the style ...
I was working on a pop-up ad recently. Since the d...
background The amount of new data in the business...
Note: You need to give the parent container a hei...
1. Check whether port 80 is occupied. Generally, ...
SQL paging query:background In the company's ...
Table of contents MySQL Common Functions 1. Numer...
Preface: In interviews for various technical posi...