Home > Web Front-end > H5 Tutorial > HTML5 2__ list tag

HTML5 2__ list tag

黄舟
Release: 2017-02-18 14:08:45
Original
1695 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:
source:php.cn
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
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template