1.无序列表,有序列表和定义列表适用的场合是什么?
无序列表中的每一项都是平级的,没有级别之分。有序列表会依据列表项的顺序进行显示。定义列表适应于
带有标题和标题解释性内容的场合
2.表格的跨列,跨行分别用什么属性?要实现一个跨3行2列的单元格需要那几个步骤?
跨列使用: colspan 跨行使用:rowspan
<table>
<tr>
<td colspan="2"rowspan="3"></td>
</tr>
</table>
3.HTML5中的媒体元素有哪些?怎样实现不同浏览器都能播放?
视频元素 :video 音频元素 :audio
使用source元素来连接到不同的文件,浏览器会自动选择第一个可以识别的格式。
4.制作百度知道页面中的“品牌全知道”板块
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>品牌全知道</title>
</head>
<body>
<img src="图片/iknowshouye.jpg"/>
<h2>品牌全知道</h2>
<ul>
<li><img src="图片/icon-1.jpg"/>理肤泉敏感全知道</li>
<li><img src="图片/icon-2.jpg"/>微资健康肌肤全知道</li>
<li><img src="图片/icon-3.jpg"/>中信银行全知道</li>
<li><img src="图片/icon-4.gif"/>Windows7全知道</li>
<li><img src="图片/icon-5.jpg"/>海信电视全知道</li>
<li><img src="图片/icon-6.jpg"/>多美滋全知道</li>
<li><img src="图片/icon-7.jpg"/>三星手机全知道</li>
</ul>
</body>
</html>
5
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>贵美商城-商品购买页</title>
<style>
header,section,footer{
height: 300px;
border: 2px solid yellow;
}
</style>
</head>
<body>
<header>这是头部</header>
<section>这是中部</section>
<footer>这是尾部 </footer>
</body>
</html>