第二章学习

最新推荐文章于 2021-05-03 11:20:39 发布

原创最新推荐文章于 2021-05-03 11:20:39 发布 · 509 阅读

0 ·

CC 4.0 BY-SA版权

1、无序列表、有序列表和定义列表适用的场合分别是什么？

1、无序列表：一般用于无序类型的列表
2、有序列表：一般用于排序类型的列表
3、定义列表：一般用于（一个标题下有一个或多个列表项）*n的情况

2、表格的跨行、跨列分别使用什么属性？要实现一个3行2列的单元格需要哪几个步骤。

表格跨列使用：colspan;表格跨行使用：rowspan;

3、HTML5中的媒体元素有哪些？怎么实现不同浏览器都能播放？

有video、audio,使用<video controls>语句

4、制作百度知道页面中的“品牌全知道”板块。

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title>品牌全知道</title>
 </head>
 <body>
  <img src="img/iknowshouye.jpg"  title="车展" />
  <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>
 </body>
</html>

在这里插入图片描述

5、使用HTML5的结构元素布局贵美.商场购物车页面。

<!DOCTYPE html>
<html>
 <head>
  <meta charset="UTF-8">
  <title>框架</title>
  <style>
   header,section,footer{
    height: 200px;
    border: 1px solid black
   }
  </style>
 </head>
 <body>
  <header><h2>网页头部</h2></header>
  <section><h2>网页主体部分</h2></section>
  <footer><h2>网页底部</h2></footer>
 </body>
</html>

在这里插入图片描述