第二章列表表格与媒体元素

最新推荐文章于 2019-05-22 16:39:27 发布

JiangMye

最新推荐文章于 2019-05-22 16:39:27 发布

阅读量373

点赞数

本文链接：https://blog.csdn.net/JiangMye/article/details/80665112

版权

1，制作百度知道页面中的“品牌全知道”板块

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>车展全知道</title>
</head>
<body>
<img src="MyJpg/iknowshouye.jpg">
<h3>品牌全知道</h3>
<table>
    <ul>
        <li><img src="MyJpg/icon-1.jpg">理肤泉敏感全知道</li>
        <li><img src="MyJpg/icon-2.jpg">薇姿健康肌肤全知道</li>
        <li><img src="MyJpg/icon-3.jpg">中信银行全知道</li>
        <li><img src="MyJpg/icon-4.jpg">Windows全知道</li>
        <li><img src="MyJpg/icon-5.jpg">海信电视全知道</li>
        <li><img src="MyJpg/icon-6.jpg">多美滋全知道</li>
        <li><img src="MyJpg/icon-7.jpg">三星手机全知道</li>
    </ul>
</table>

</body>
</html>

2，使用HTML5的结构元素布局网上商城购物页面（写出框架即可）

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>天猫商城</title>
    <style>
        header{ height:150px ;border: 1px solid red}
        section{height: 400px;border: 1px solid yellow}
        footer{height: 150px;border: 1px solid blue}
    </style>
</head>
<body>
<header><img src="MyJpg/a.jpg"width="1600"height="150"></header>
<section><img src="MyJpg/b.jpg"width="1600"height="400"></section>
<footer><img src="MyJpg/c.jpg"width="1600"height="400"></footer>
</body>
</html>

JiangMye

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
第二章列表表格与媒体元素

1，制作百度知道页面中的“品牌全知道”板块&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;车展全知道&lt;/title&gt;&lt;/head&gt;&lt;body&
复制链接

扫一扫