错题：
1.空格的字符代码是什么（ A ）
A. 
B.$nbsp
C. ；
D.$nbsp；
2.html5文档的开始，定义的标签为（ ACD ）
A.doctype
B.html
C.DOCTYPE
D.docType
空链接
作用：预存位置，模拟按钮样式
<a href="#">空连接</a>
超级链接的所有状态的样式
a{
text-decoration: none; /*去掉下划线*/
color: #686868;
width: 400px;
height: 200px;
}
超级链接鼠标经过时的样式
a:hover{
color: #00BBDD;
background-color: #3F3F3F;
}
display属性：
可控制元素显示隐藏，值为block表示块元素，通过设置display不同属性值，可实现元素隐藏与显示切换，体现样式与结构分离理念。
display: none; 隐藏
display: block; 块元素
display: inline; 行元素
display: inline-block; 行内块元素
HTML标签新分类：
除单双标签分类，还可按块和行分类，如P、HN系列、ULD是块元素，行内块元素目前学的是图片，行元素不换行且不能指定尺寸。
·超级链接：
·使用方法：
讲了空链接及站内同级页面跳转两种形式，同级跳转直接写目标页面文件名。
·更改样式：
超级链接常见有正常和鼠标经过两种状态，通过选择器A和A:hover定义样式；可通过Text-decoration属性去掉下划线，通过color和background-color属性更改前景色和背景色，因a是行元素，需将其display值设为可指定尺寸的如inline - block，设置宽度、高度才起作用。
超级链接例子：将信息工程学院、学院概况、学院风貌链接
信息工程学院源代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>信息工程学院</title>
</head>
<body>
<h1>山东商务职业学院</h1>
<h2><a href="index.html">信息工程学院</a></h2>
<h2><a href="xygk.html">学院概况</a></h2>
<h2><a href="xyfm.html">学院风貌</a></h2>
<h2><a href="index.html">返回信息工程学院</a></h2>
</body>
</html>
学院概况源代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>学院概况</title>
</head>
<body>
<h1>学院概况</h1>
</body>
</html>
学院风貌源代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>学院风貌</title>
</head>
<body>
<h1>学院风貌</h1>
</body>
</html>
index源代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>山东商务职业学院</title>
</head>
<body>
<h1><a href="xx.html">信息工程学院</a></h1>
</body>
</html>
效果图
浙公网安备 33010602011771号