HTML列表標簽dl、ul、ol的使用

來源：懂視網責編：小采時間：2020-11-27 15:35:38

HTML列表標簽dl、ul、ol的使用

HTML列表標簽dl、ul、ol的使用:這篇文章主要介紹了HTML列表標簽dl、ul、ol 的使用，比較適合初學者，大家若感興趣的可以學習下代碼如下:<!-- 列表標簽：<dl>：分層列表子標簽：<dt>：上層列表項 <dd>：下層列表項 ------------ 無序列表標簽：<

推薦度：

點擊下載本文 文檔為doc格式

導讀HTML列表標簽dl、ul、ol的使用:這篇文章主要介紹了HTML列表標簽dl、ul、ol 的使用，比較適合初學者，大家若感興趣的可以學習下代碼如下:<!-- 列表標簽：<dl>：分層列表子標簽：<dt>：上層列表項 <dd>：下層列表項 ------------ 無序列表標簽：<

這篇文章主要介紹了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中文網！

聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com