本系列可作為前端學習系列的筆記，代碼的運行環境是在HBuilder中，小編會將代碼復制下來，大家復制下來就可以練習了，方便大家學習。小編作為新晉碼農一枚，會定期整理一些寫的比較好的代碼，作為自己的學習筆記，會試著做一下批注和補充，如轉載或者參考他人文獻會標明出處，非商用，如有侵權會刪改！歡迎大家斧正和討論！
系列文章目錄?
HTML-1.1 文本字體樣式-字體設置、分割線、段落標簽、段內回車以及特殊符號
HTML-2.1 文本字體樣式之加粗、斜體、回車、下劃線、上標標簽、下標標簽以及字號變小和變大
HTML-2.2 列表--無序列表、有序列表、定義列表
HTML-2.3 超鏈接-外部鏈接，內部鏈接，書簽鏈接
HTML-2.4 滾動字幕marquee
HTML-3.1?表格table
?HTML-3.2 表格的跨行跨列（課表制作實例）
?HTML中應用CSS樣式的三種常見方法?
HTML-3.3 表格布局（學校官網簡易布局實例）
HTML-3.4 表單form
HTML-實戰之 百度百科（影視劇介紹）?
目錄
系列文章目錄?
一、簡單分析
1、無序列表
（1）無序列表ul? ?小項li? ?屬性type
（2）無序列表嵌套
2、有序列表ol 小項li 屬性type start
3、定義列表dl 定義項dt 具體說明dd
二、代碼塊
總結
一、簡單分析
1、無序列表
（1）無序列表ul? ?小項li? ?屬性type
<ul type="square"><li>網絡工程</li><li type="circle">數字媒體專業</li><li>應用統計</li><li>應用數學</li></ul>代碼運行：
（2）無序列表嵌套
<ul><li>計算機方向<ul><li>網絡工程<ul><li>111111</li><li>111111</li><li>111111</li></ul></li><li type="circle">數字媒體專業</li></ul></li><li>數學方向<ul><li>應用統計</li><li>應用數學</li></ul></li></ul>代碼運行
2、有序列表ol 小項li 屬性type start
<ol type="A" start="4"><li>網絡工程</li><li type="circle">數字媒體專業</li><li>應用統計</li><li>應用數學<ul><li>應用統計</li><li>應用數學</li></ul></li></ol>代碼運行
3、定義列表dl 定義項dt 具體說明dd
<dl><dt>姓名：</dt><dd>張三</dd></dl>代碼運行
二、代碼塊
HTML代碼塊如下：
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>列表--無序列表，有序列表，定義列表</title></head><body><!-- 1.無序列表ul 小項li 屬性type --><ul type="square"><li>網絡工程</li><li type="circle">數字媒體專業</li><li>應用統計</li><li>應用數學</li></ul><!-- 二級標題 嵌套 --><!-- ul>li*2 按tab --><ul><li>計算機方向<ul><li>網絡工程<ul><li>111111</li><li>111111</li><li>111111</li></ul></li><li type="circle">數字媒體專業</li></ul></li><li>數學方向<ul><li>應用統計</li><li>應用數學</li></ul></li></ul><!-- 2.有序列表ol 小項li 屬性type start --><ol type="A" start="4"><li>網絡工程</li><li type="circle">數字媒體專業</li><li>應用統計</li><li>應用數學<ul><li>應用統計</li><li>應用數學</li></ul></li></ol><!-- 3.定義列表dl 定義項dt 具體說明dd --><dl><dt>姓名：</dt><dd>張三</dd></dl><!-- <a href="../個人主題網站/index.html"><h3 align="center">返回首頁</h3></a> --></body>
</html>
代碼運行：?
總結
以上就是今天要講的內容，本文簡單記錄了列表--無序列表、有序列表、定義列表，僅作為一份簡單的筆記使用，大家根據注釋理解
 ? ｜搭建項目框架)
