List is used to list a series of similar or related projects. Unordered lists (project list)
The label of an unordered list is <ul></ul>, while each list item is labeled with a <li> label. Next, we will use an unordered list to rewrite our index.html. After opening the previously saved file, modify the code for the service provided by the student to the following unordered list code:
<h3>Services for students</h3>
<ul>
<li>Writing winter and summer homework (Mathematics <b>No</b> guarantees no wrong questions, Chinese language does not guarantee no wrong words, you can find someone else in English homework)</li>
<li>Help bully students under the fourth grade</b>, and the special physical education fee must be charged. </li>
<li> Parents' Meeting Help<i>Impersonating Parents</i>. </li>
</ul>
After saving, browse the web page, please make sure that your web page is the same as this page. . Ordered list
The label of the ordered list is <ol></ol>, and the list item is still <li>. We then use an ordered list to rewrite a paragraph of index.html for parents, and change the <ul></ul> in the code I just modified to <ol></ol>:
<ol>
<li>Writing winter and summer homework (Mathematics <em>No guarantee that there are no wrong questions, Chinese <em>No guarantee that there are no wrong words, <b>You should find someone else in English homework!</b>). </li>
<li>Help bully students <strong>grades below</strong>, and the special sports fee must be charged. </li>
<li>Parents' Meeting Help<i>Impersonating Parents</i>. </li>
</ol>
After saving, browse the web page, please confirm 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 each item is in front of a small dot or a number.