search

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

HTML5 2__ list tag

黄舟
黄舟Original
2017-02-18 14:08:451668browse

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>

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>

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

73de882deff7a050a357292d0a1fca94Huec72c1af5e0e7f90179c047c5ef85885e

73de882deff7a050a357292d0a1fca94The 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>

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)!



Statement：
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
Previous article：HTML5 programmingNext article：HTML5 programming

Related articles

See more