文章專題學習下載問答程式設計字典遊戲最近更新

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

首頁 > web前端 > html教學 > 主體

HTML清單標籤dl、ul、ol 的使用

高洛峰

發布： 2017-03-02 15:09:45

原創

2384 人瀏覽過

這篇文章主要介紹了HTML列表標籤dl、ul、ol 的使用，比較適合初學者，大家若感興趣的可以學習下

代碼如下:

<!-- 
列表标签：<dl>：分层列表 
子标签：<dt>：上层列表项 
<dd>：下层列表项 
------------ 
无序列表标签：<ul> 
子标签：<li> 
------------ 
无序列表标签：<ol> 
子标签：<li> 
--!> 
<html> 
<head> 
<title> 列表标签的练习</title> 
</head> 
<body> 
<dl> 
<dt>标号</dt> 
<dd>1</dd> 
<dd>2</dd> 
<dd>3</dd> 
</dl> 
<hr> 
<ul type="disc"> 
<li>苹果</li> 
<li>香蕉</li> 
<li>橘子</li> 
</ul> 
<hr> 
<ol type="1"> 
<li>苹果</li> 
<li>香蕉</li> 
<li>橘子</li> 
</ol> 
<hr><!--练习标签的嵌套--> 
<dl> 
<dt>四大天王</dt> 
<dd> 
<ol type="1"> 
<li>张学友</li> 
<li>刘德华</li> 
<li>郭富城</li> 
<li>黎明</li> 
</ol> 
</dd> 
</dl> 
</body> 
</html>

登入後複製

更多HTML清單標籤dl、ul、ol 的使用相關文章請追蹤PHP中文網！

相關標籤：

html

來源：php.cn

上一篇：HTML中插入影片並相容於所有瀏覽器下一篇：詳解html中radio值的取得、賦值、註冊事件範例

本網站聲明

本文內容由網友自願投稿，版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容，請聯絡admin@php.cn

作者最新文章