课后作业
1.无序列表 有序列表 定义列表适用的场合分别是什么?
无序列表使用项目符号来记录无序的项目
有序列表使用编号来记录项目的顺序
定义列表它由两个部分组成:定义条件和定义描述
2.表格的跨行,跨列分别使用哪些属性?要实现一个3行2列的单元格需要哪几个步骤?
表格跨行属性:rowspan
表格跨列属性:colspan
实现一个3行2列代码如下:
<td rowspan=“3”,colspan=“2”>标签内容</td>
3.HTML5中的媒体元素有哪些?怎么实现不同的浏览器都能播放
HTML5音频元素有audio
和video
元素,用source
引入audio
和video
元素可以实现不同浏览器都支持播放
4.制作百度知道页面中的"品牌全知道"版块
代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>品牌全知道</title>
</head>
<body>
<img src="img/iknowshouye.jpg"/>
<p>
<h3>品牌全知道</h3>
<ul>
<li><img src="img/icon-1.jpg"/> 理肤泉敏全知道</li>
<li><img src="img/icon-2.jpg"/> 薇姿健康肌肤全知道</li>
<li><img src="img/icon-3.jpg"/> 中信银行全知道</li>
<li><img src="img/icon-4.gif"/> Windows7全知道</li>
<li><img src="img/icon-5.jpg"/> 海信电视全知道</li>
<li><img src="img/icon-6.jpg"/> 多美滋全知道</li>
<li><img src="img/icon-7.jpg"/> 三星手机全知道</li>
</ul>
</p>
</body>
</html>
5.使用HTML5的元素结构布局页面
代码如下:
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>贵美商城</title>
<style type="text/css">
.a {
margin: 0px auto;
width: 1480px;
height: 150px;
border: 2px solid;
}
.b {
margin: 0px auto;
width: 1480px;
height: 345px;
border: 2px solid;
}
.div {
border: 1px solid;
}
</style>
</head>
<body>
<div class="div ">
<p>
<header class="a">
</header>
</p>
<section class="b">
</section>
<p>
<footer class="a">
</footer>
</p>
</div>
</body>
</html>