列表分为三种：①有序列表②无序列表③自定义列表
一.有序列表
1.有序列表属性：
①使用数字进行标记
②开始标签：<ol> （ordered lists 的缩写）
③列表项标签：<li> （list item 的缩写）
2.有序列表项目符号类型（Type）取值
3.有序列表元素代码示例：（项目符号数字型）
<html>
…
<body>
<h2>搜索引擎排名</h2>
<ol type="1"> /*Type定义列表项目符号类型，可理解为项目序号类型，此处定义为数字型*/
<li>Google</li>
<li>Baidu</li>
<li>Bing</li>
<li>Sogou</li>
</ol> /*<ol>...</ol> 为有序列表开始结束标签*/
</body>
</html>
二.无序列表
1.无序列表属性：
①使用圆点进行标记
②开始标签： <ul> （unordered lists 的缩写）
③列表项标签： <li> （list item 的缩写）
2.无序列表项目符号类型（Type）取值:
3.无序列表代码示例：（项目符号实体圆心）
<html>
…
<body>
<h2>软件编程语言</h2>
<ul type=”disc"> /* 项目符号类型为实体圆心*/
<li>Java</li>
<li>C++</li>
<li>Python</li>
<li>JavaScript</li>
</ul> /*<ul>...</ul> 为有序列表开始结束标签*/
</body>
</html>
三.自定义列表
1.自定义列表属性：
2.自定义列表代码示例：
<html>
…
<body>
<h2>健康食品</h2>
<dl>
<dt>水果</dt>
<dd>苹果</dd>
<dd>香蕉</dd>
<dt>蔬菜</dt>
<dd>西兰花</dd>
<dd>菠菜</dd>
</dl>
</body>
</html>
扫一扫
1701
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
