使用项目符号和列表、超链接等标签设计网页
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>
2、超链接标签
1)超链接
按照链接路径不同分为:内部链接、锚点链接、外部链接
URL(Uniform Resource Locator)指统一资源定位器(包括三个部分:协议代码、主机地址、具体的文件名)
2)文件路径
绝对路径:指文件的完整路径
相对路径:指相对于当前文件的路径
3)超链接的建立
用<a> 标签用来建立超链接
<a href="URL">链接内容</a>
用<link>标签定义文档与外部资源的关系