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

Detailed explanation of NodeJS modularity

Table of contents 1. Introduction 2. Main text 2....

Tutorial on installing mysql5.7.18 on mac os10.12

I searched the entire web and found all kinds of ...

JavaScript Html to implement the mobile red envelope rain function page

This article example shares the specific code of ...

MySQL Interview Questions: How to Set Up Hash Indexes

In addition to B-Tree indexes, MySQL also provide...

Detailed explanation of the relationship between the primary key being 0 and the primary key self-selection constraint in MySQL (details)

Preface This article mainly introduces the relati...

CSS3 flip card number sample code

I received a task from the company today, and the...

How to install and configure Redis in CentOS7

Introduction There is no need to introduce Redis ...

MySQL-8.0.26 Configuration Graphics Tutorial

Preface: Recently, the company project changed th...

Detailed tutorial on installing Docker on CentOS 8.4

Table of contents Preface: System Requirements: I...

Talk about the 8 user instincts behind user experience in design

Editor's note: This article is contributed by...

Learn Hyperlink A Tag

ask: I have styled the hyperlink using CSS, but i...

Introduction to the three essential logs for MySQL database interviews

Table of contents 1. redo log (transaction log of...

Record the process of connecting to the local Linux virtual machine via SSH

Experimental environment: Physical machine Window...

CSS3 uses transform-origin to achieve dot distribution on a large circle and rotation effects

First, we need to use the transform-origin attrib...

Summary of solving the yum error problem after upgrading Python to 3.6.6 on CentOS 7

I recently upgraded a test server operating syste...