XHTML introductory tutorial: Use of list tags

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

JavaScript implements select all and unselect all operations

This article shares the specific code for JavaScr...

Various ways to achieve the hollowing effect of CSS3 mask layer

This article introduces 4 methods to achieve mask...

The final solution to Chrome's minimum font size limit of 12px

I believe that many users who make websites will ...

How to quickly log in to MySQL database without password under Shell

background When we want to log in to the MySQL da...

How to configure the same domain name for the front and back ends of nginx

This article mainly introduces the method of conf...

vue-element-admin global loading waiting

Recent requirements: Global loading, all interfac...

Mysql modify stored procedure related permissions issue

When using MySQL database, you often encounter su...

Web skills: Multiple IE versions coexistence solution IETester

My recommendation Solution for coexistence of mul...

Vue + element to dynamically display background data to options

need: Implement dynamic display of option values ...

Specific use of routing guards in Vue

Table of contents 1. Global Guard 1.1 Global fron...

VSCode+CMake+Clang+GCC environment construction tutorial under win10

I plan to use C/C++ to implement basic data struc...

Mysql classic high-level/command line operation (quick) (recommended)

Since I need to learn how to build servers and da...