网页设计与制作教程——Web前端开发(第6版)课件第2章 块级元素2.7
合集下载
相关主题
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
08-23</label></li>
08-23</label></li>
08-23</label></li>
08-23</label></li>
08-23</label></li>
</div> </body> </html>
</div>
</ul>
<li>3在活动现场看到的最有趣的场面<label style="float: right;">2020<li>4在活动现场看到的最有趣的场面<label style="float: right;">2020<li>5在活动现场看到的最有趣的场面<label style="float: right;">2020<li>6在活动现场看到的最有趣的场面<label style="float: right;">2020<li>7在活动现场看到的最有趣的场面<label style="float: right;">2020-
<label style="font-size: 18px;">精选信息</label>
<label style="float: right;">more>></label>
</div>
<div style="margin: 8px;font-size: 14px;line-height: 33px;
color:#555454;">
<ul>
<li>1在活动现场看到的最有趣的场面<label style="float: right;">2020-
08-23</label></li>
<li>2在活动现场看到的最有趣的场面<label style="float: right;">
2.7 实训——制作精选信息板块
《网页设计与制作教程Web前端开发第6版》 刘瑞新主编 配套资源
第2章 块级元素
2.7 实训——制作精选信息板块
目录
第2章 块级元素
2.1 基本块级元素 2.2 列表元素 2.3 表格元素table 2.4 表单 2.5 分区元素div 2.6 缩排元素blockquote 2.7 实训—制作精选信息板块 习题2
习题2
1．制作如图2-21所示的课程表。
习题2
2. 制作如图2-22所示的注册表单。
习题2
3．使用<div>标签组织段落等网页内容，如图2-23所示。
《网页设计与制作教程：Web前端开发（第6版）》 刘瑞新主编 配套资源
祝贺你又学完了一章
</head>
<body>
<div style="width: 585px;border:1px solid rgb(220,220,220); margin-top: 16px;margin-left:
25px;">
<div style="height: 34px;padding-top: 5px;border:1px solid rgb(220,220,220);">
2.7 实训—wenku.baidu.com制作精选信息板块
【实训2-1】用<div>标签组织网页内容，制作精选信息板块。本例文件 pt2-1.html在浏览器中显示的效果如图2-20所示。
2.7 实训——制作精选信息板块
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>社区网主页</title>