使用项目符号和列表、超链接等标签设计网页

最新推荐文章于 2023-08-14 20:32:48 发布

轶拾柒.

最新推荐文章于 2023-08-14 20:32:48 发布

阅读量1.2k

点赞数

分类专栏： html

本文链接：https://blog.csdn.net/m0_56062592/article/details/116781395

版权

html 专栏收录该内容

4 篇文章

订阅专栏

本文介绍了HTML中用于创建项目符号列表和无序列表的标签，如<ul>、<ol>、<li>等，以及如何通过它们构建多级菜单。同时，解释了超链接的基本概念，包括URL、内部链接、锚点链接和外部链接的建立，以及<a>和<link>标签的用法。示例代码展示了如何利用这些标签制作网页菜单。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

使用项目符号和列表、超链接等标签设计网页

1、项目符号和列表标签

项目符号和列表标签
序号	标签名称	功能描述
1	<ul>	定义无序列表
2	<ol>	定义有序列表
3	<li>	定义列表的项目
4	<dl>	定义定义列表
5	<dt>	定义定义列表中的项目
6	<dd>	定义定义列表中项目的描述
7	<dir>	不赞成使用，目录列表
8	<menu>	定义命令的列表或菜单
9	<menuitem>	定义用户可以从弹出菜单调用的命令/菜单项目

1、无序列表<ul>中，用<li>列出选项，type属性可取值为：disc（实心圆形）、circle（空心圆形）、square（实心小矩形），默认为disc。

2、有序列表<ol>中，用<li>列出选项，type属性可取值为：1、A、a、I、i，默认为1。

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>使用ul和li设计菜单中的菜单选项</title>
</head>
<body>
<ul id=nav>
	<li>java面向对象
		<ul>
			<li>表格化教案</li>
			<li>方法库</li>
			<li>原理库</li>
			<li>案例库</li>
			<li>视频库</li>
			<li>辅助资源库</li>
			<li>优秀学生作品库</li>
			<li>课程管理</li>
		</ul>
	</li>
	<li>Android移动开发
	    <ul>
		<li>表格化教案</li>
		<li>视频库</li>
		<li>教学案例库</li>
		<li>知识资源库</li>
		<li>辅助资源库</li>
		<li>辅课程管理 （限）</li>
	    </ul>
	</li>
</ul>
</body>
</html>