简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Home > Web Front-end > H5 Tutorial > body text

HTML5 2__ list tag

黄舟
Release： 2017-02-18 14:08:45
Original
1641 people have browsed it

There are many basic tags in HTML5. Today we will introduce the list tag

List tag The list tag can arrange text elements in the form of a list in the web page. There are three types of list tags: ordered list, unordered list, Custom list

like: 

<ul type=a>
         <li>苹果</li>
         <li>桃</li>
   </ul>
Copy after login

is called an unordered list, which is displayed as a, b, c, etc. in FireFox, and other browsers are displayed as dots; 

  <ol>
        <li>西红柿</li>
        <li>茄子</li>
  </ol>
Copy after login

It is called an ordered list, displayed as 1, 2, 3, etc.;

Hue

The appearance and name of hue

It’s called a custom table

Look at the code

<!DOCTYPE>
<html >
<head>
<meta charset="gb2312" />
<title>演示列表标记</title>
</head>

<body>
   水果<ul>
      <li>苹果</li>
	   <li>桃</li>
   </ul>
   <ol>
       <li>西红柿</li>
       <li>茄子</li>
   </ol>
    <dt>色相</dt>
   <dt>色相的相貌、名称</dt>
</body>
</html>
Copy after login

Running effect




## The above is the 2__ list tag of HTML5 For more related content, please pay attention to the PHP Chinese website (www.php.cn)!



Related labels：
HTML5，列表标记
source：php.cn
Previous article：HTML5 programming Next article：HTML5-3__ Test whether the browser supports HTML5
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Latest Articles by Author
Latest Issues
CSS bottom border on navigation bar I have a navigation bar and I have added a red line at the bottom when any item in the lis...
From 2024-04-06 15:04:41
0
2
347
Push objects to array, composable API There is a project. There are two selection options "size" (large, small) and qu...
From 2024-04-05 14:41:47
0
1
1526
How to populate an HTML table from a design-generated database table Very new to Ruby on Rails and design. I'm currently trying to fill out a table on an HTML ...
From 2024-04-05 09:13:39
0
1
2491
I'm trying to compare values ​​in two columns in two different tables I have two tables, tableA and tableB. Table A has 4 columns, while Table B has 3 columns. ...
From 2024-04-04 20:05:03
0
1
280
MySQL: Find columns matching integers in a text (CSV) column This table has a text column that stores references to other records in CSV format, for ex...
From 2024-04-04 18:03:46
0
1
291
Related Topics
More>
Popular Recommendations
Popular Tutorials
More>
Related Tutorials
Popular Recommendations
Latest courses
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template
About us Disclaimer Sitemap
php.cn：Public welfare online PHP training，Help PHP learners grow quickly！