简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)
Rumah > hujung hadapan web > Tutorial H5 > teks badan

HTML5 之2__列表标记

黄舟
Lepaskan： 2017-02-18 14:08:45
asal
1641 orang telah melayarinya

HTML5 的基本标记有很多种，今天介绍列表标记

列表标记 列表标记可以在网页中以列表形式排列文本元素, 列表标记有3种： 有序列表，无序列表，自定义列表

像: 

<ul type=a>
         <li>苹果</li>
         <li>桃</li>
   </ul>
Salin selepas log masuk

称为无序列表， 在FireFox以a,b,c 等显示,其他浏览器以圆点显示;

  <ol>
        <li>西红柿</li>
        <li>茄子</li>
  </ol>
Salin selepas log masuk

称为有序列表, 以1,2,3 等显示;

色相

色相的相貌、名称

称为自定义表

看代码

<!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>
Salin selepas log masuk

运行效果




 以上就是HTML5 之2__列表标记的内容，更多相关内容请关注PHP中文网（www.php.cn）！


Label berkaitan：
HTML5，列表标记
sumber：php.cn
Artikel sebelumnya：HTML5 程序设计 Artikel seterusnya：HTML5之3__测试浏览器是否支持HTML5
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Isu terkini
Sempadan bawah CSS pada bar navigasi Saya mempunyai bar navigasi dan saya telah menambah garis merah di bahagian bawah apabila ...
daripada 2024-04-06 15:04:41
0
2
347
Tolak objek ke tatasusunan, API boleh gubah Ada projek. Terdapat dua pilihan pilihan "saiz" (besar, kecil) dan kuantiti (2/4...
daripada 2024-04-05 14:41:47
0
1
1526
Bagaimana untuk mengisi jadual HTML daripada jadual pangkalan data yang dihasilkan oleh reka bentuk Sangat baru untuk Ruby on Rails dan reka bentuk. Saya sedang cuba mengisi jadual pada hala...
daripada 2024-04-05 09:13:39
0
1
2491
Saya cuba membandingkan nilai dalam dua lajur dalam dua jadual berbeza Saya mempunyai dua jadual, jadualA dan jadualB. Jadual A mempunyai 4 lajur, manakala Jadua...
daripada 2024-04-04 20:05:03
0
1
280
MySQL: Cari lajur yang sepadan dengan integer dalam lajur teks (CSV). Jadual ini mempunyai lajur teks yang menyimpan rujukan kepada rekod lain dalam format CSV,...
daripada 2024-04-04 18:03:46
0
1
291
Topik-topik yang berkaitan
Lagi>
Cadangan popular
Tutorial Popular
Lagi>
Tutorial berkaitan
Cadangan popular
Kursus terkini
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan
Tentang kita Penafian Sitemap
Laman web PHP Cina：Latihan PHP dalam talian kebajikan awam，Bantu pelajar PHP berkembang dengan cepat！