HTML：列表标签

最新推荐文章于 2024-04-02 21:15:51 发布

Geek宝宝

最新推荐文章于 2024-04-02 21:15:51 发布

阅读量327

点赞数

分类专栏：网页前端设计

本文链接：https://blog.csdn.net/zzwtyds/article/details/87369902

版权

网页前端设计专栏收录该内容

3 篇文章 0 订阅

订阅专栏

本文详细介绍了HTML中用于创建无序列表`<ul>`、有序列表`<ol>`和定义列表`<dl>`的使用方法，通过实例代码展示了如何创建列表项`<li>`。同时，总结了列表标签在网页布局中的应用和重要性。

摘要由CSDN通过智能技术生成

课程代码：

<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<title>列表标签</title>
</head>

<body>

<h1>什么是html</h1>
<p>超级文本标记语言（英文缩写：HTML）是为“网页创建和其它可在网页浏览器中看到的信息”设计的一种标记语言。</p>
<!--无序列表-->
<!--type规定列表前面的图形形状-->
<ul type="dics">
	<li>超文本标记语言，标准通用标记语言下的一个应用。是 网页制作必备的编程语言</li>
	<li>“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。</li>
	<li>超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分</li>
</ul>
<ul type="square">
	<li>超文本标记语言，标准通用标记语言下的一个应用。是 网页制作必备的编程语言</li>
	<li>“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。</li>
	<li>超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分</li>
</ul>
<ul type="circle">
	<li>超文本标记语言，标准通用标记语言下的一个应用。是 网页制作必备的编程语言</li>
	<li>“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。</li>
	<li>超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分</li>
</ul>

<hr/>

<!--有序列表-->
<!--type可以是"a","i","I","1"-->
<ol type="1">
	<li>超文本标记语言，标准通用标记语言下的一个应用。是 网页制作必备的编程语言</li>
	<li>“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。</li>
	<li>超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分</li>
</ol>
<ol type="i">
	<li>超文本标记语言，标准通用标记语言下的一个应用。是 网页制作必备的编程语言</li>
	<li>“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。</li>
	<li>超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分</li>
</ol>
<ol type="I">
	<li>超文本标记语言，标准通用标记语言下的一个应用。是 网页制作必备的编程语言</li>
	<li>“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。</li>
	<li>超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分</li>
</ol>
<ol type="a">
	<li>超文本标记语言，标准通用标记语言下的一个应用。是 网页制作必备的编程语言</li>
	<li>“超文本”就是指页面内可以包含图片、链接，甚至音乐、程序等非文字元素。</li>
	<li>超文本标记语言的结构包括“头”部分（英语：Head）、和“主体”部分</li>
</ol>
<hr/>

<!--定义列表-->
<dl type="1">
	<dt>什么事HTML:</dt>
	<dd>html是超文本标记语言；</dd>
	<dd>超文本标记语言，标准通用标记语言下的一个应用。是 网页制作必备的编程语言</dd>
	<dt>HTML标签：</dt>
	<dd>HTML标记标签通常被称为HTML标签；</dd>
</dl>

</body>

</html>

实现效果：