第二章

最新推荐文章于 2022-09-12 13:35:28 发布

时刻的慌张

最新推荐文章于 2022-09-12 13:35:28 发布

阅读量286

点赞数

本文链接：https://blog.youkuaiyun.com/hcl430422hcl/article/details/83342671

版权

1.无序列表，有序列表和定义列表适用的场合分别是什么？
有序列表使用编号来记录项目的顺序（那种有1- 2- 3-顺序的列表可以用这个）
无序列表使用项目符号来记录无序的项目（一般表示并列项）
自定义列表它由两个部分组成：定义条件和定义描述。
2.表格的跨行，跨列分别使用什么属性？要实现一个跨3行2列的单元格需要那几个步骤？
跨行：colspan属性。
跨列：rowspan属性。
步骤：先设置跨行和跨列属性，“colspan=3”,“rowspan=2”。
再删除被合并的其他单元格。
3.HTML5中的媒体元素有哪些？怎么实现不同浏览器都能播放?
video(视频元素）,audio（音频元素）.
通过source引入的视频文件的格式至少包括WebM和MPEG4或Ogg和MPEG4。
通过source引入的音频文件的格式至少包括WAV和MP3或MP3和Ogg。
4.制作百度知道页面中的“品牌全知道”板块。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>品牌全知道</title>
</head>
<body>
<img src="iknowshouye.jpg"/>
<h1>品牌全知道</h1>
<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"Window7全知道</li>
    <li><img src="icon-5.jpg"海信电视全知道</li>
    <li><img src="icon-6.jpg" 多美滋全知道<li>
    <li><img src="icon-7.jpg"三星手机全知道</li>

</ul>
</body>

在这里插入图片描述
5.使用HTML5的结构元素布局贵美.商城购物车页面。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>贵美商城</title>
</head>

<style>
    header,footer{
        height: 160px;
    border: 1px solid red;
    }
    section{
        height: 320px;
        border: 1px solid red
    }
</style>
</head>
<body>
<header>
   <h2>网页头部</h2>
</header>
<section>
    <h2>网页主体部分</h2>
</section>
<footer>
    <h2>网页底部</h2>
</footer>


</body>
</html>

在这里插入图片描述