HTML Web Page List Tags Learning Tutorial

HTML Web Page List Tags Learning Tutorial <ul> Unordered list<ol> Ordered list<dir> Directory list<dl> Definition list<menu> Menu list<dt>, <dd> Definition list tag<li> List item tag Ordered list tag<OL>
An ordered list uses numbers rather than bullet points to organize items. The items in the list begin with numbers or English letters, and usually there is a sequence between the items. In ordered lists, the two tags <ol> and <li> are mainly used along with type and two start attributes.
Basic syntax<ol> <li>Project 1<li>Project 2<li>Project 3… </ol>
Syntax Explanation In an ordered list, use <ol> as the order declaration and <li> as the start of each item. File example: 7-1.htm
Ordered lists are created using the <ol> and <li> tags.
01 <!-- ------------------------------ -->
02 <!-- File example: 7-1.htm -->
03 <!-- File Description: Create an ordered list-->
04 <!-- ------------------------------ -->
05 <html>
06 <head>
07 <title>Create an ordered list</title>
08 </head>
09 <body>
10 <h2>Graphic Design Software</h2>
11 <ol>
12 Photoshop
13 Illustrator
14 <li>Freehand
15 CorelDraw
16 </ol>
17 </body>
18 </html> The file description line 11 defines the type of the list as ordered, and lines 12 to 15 use the <li> tag as the beginning of the list item.
Previous Page 1 2 3 4 5 6 7 8 Next Page Read Full Article
HTML web page list tag learning tutorial.
In HTML pages, lists can serve as outlines. There are two types of lists: ordered lists and unordered lists. The former uses bullet points to mark unordered items, while the latter uses numbers to record the order of items. Ordered means that the list items are arranged in order such as numbers or letters. The so-called unordered refers to the list items that start with ●, ○, □, etc. and have no order.
The main tags of the list are shown in the following table.
mark describe

<<:  Use CSS and Bootstrap icons to create an up and down jumping indicator arrow animation effect

>>:  jQuery implements form validation function

Recommend

A guide to writing flexible, stable, high-quality HTML and CSS code standards

The Golden Rule Always follow the same set of cod...

Detailed explanation of the installation and use of Vue-Router

Table of contents Install Basic configuration of ...

Detailed explanation of linux crm deployment code

Linux basic configuration Compile and install pyt...

How to use vs2019 for Linux remote development

Usually, there are two options when we develop Li...

Pagination Examples and Good Practices

<br />Structure and hierarchy reduce complex...

Solution to EF (Entity Framework) inserting or updating data errors

Error message: Store update, insert, or delete st...

Introduction to container data volumes in Docker

Table of contents Docker container data volume Us...

Detailed steps to install mysql5.7.18 on Mac

1. Tools We need two tools now: MySQL server (mys...

Ubuntu opens port 22

Scenario You need to use the xshell tool to conne...

Install CentOS system based on WindowsX Hyper-V

At present, most people who use Linux either use ...

Tutorial on installing mysql5.7.23 on Ubuntu 18.04

This article shares with you the specific method ...

Example analysis of mysql non-primary key self-increment usage

This article uses an example to illustrate the us...