网页设计与制作教程-Web前端开发(第6版)课件第2章-块级元素2.7_第1页
网页设计与制作教程-Web前端开发(第6版)课件第2章-块级元素2.7_第2页
网页设计与制作教程-Web前端开发(第6版)课件第2章-块级元素2.7_第3页
网页设计与制作教程-Web前端开发(第6版)课件第2章-块级元素2.7_第4页
网页设计与制作教程-Web前端开发(第6版)课件第2章-块级元素2.7_第5页
已阅读5页,还剩4页未读 继续免费阅读

下载本文档

版权说明:本文档由用户提供并上传,收益归属内容提供方,若内容存在侵权,请进行举报或认领

文档简介

第2章块级元素2.7实训——制作精选信息板块《网页设计与制作教程Web前端开发第6版》刘瑞新主编配套资源目录第2章块级元素2.1基本块级元素2.2列表元素2.3表格元素table2.4表单2.5分区元素div2.6缩排元素blockquote2.7实训—制作精选信息板块习题22.7实训——制作精选信息板块【实训2-1】用<div>标签组织网页内容,制作精选信息板块。本例文件pt2-1.html在浏览器中显示的效果如图2-20所示。2.7实训——制作精选信息板块<!DOCTYPEhtml><html> <head> <metacharset="utf-8"> <title>社区网主页</title> </head> <body> <divstyle="width:585px;border:1pxsolidrgb(220,220,220);margin-top:16px;margin-left:25px;"> <divstyle="height:34px;padding-top:5px;border:1pxsolidrgb(220,220,220);"> <labelstyle="font-size:18px;">精选信息</label> <labelstyle="float:right;">more>></label> </div> <divstyle="margin:8px;font-size:14px;line-height:33px; color:#555454;"> <ul> <li>1在活动现场看到的最有趣的场面<labelstyle="float:right;">2020-08-23</label></li> <li>2在活动现场看到的最有趣的场面<labelstyle="float:right;">2.7实训——制作精选信息板块 <li>3在活动现场看到的最有趣的场面<labelstyle="float:right;">2020-08-23</label></li> <li>4在活动现场看到的最有趣的场面<labelstyle="float:right;">2020-08-23</label></li> <li>5在活动现场看到的最有趣的场面<labelstyle="float:right;">2020-08-23</label></li> <li>6在活动现场看到的最有趣的场面<labelstyle="float:right;">2020-08-23</label></li> <li>7在活动现场看到的最有趣的场面<labelstyle="float:right;">2020-08-23</label></li> </ul> </div> </div> </body></html>习题21.制作如图2-21所示的课程表。习题22.制作如图2-22所示的注册表单。习题23.使用<div>标签组

温馨提示

  • 1. 本站所有资源如无特殊说明,都需要本地电脑安装OFFICE2007和PDF阅读器。图纸软件为CAD,CAXA,PROE,UG,SolidWorks等.压缩文件请下载最新的WinRAR软件解压。
  • 2. 本站的文档不包含任何第三方提供的附件图纸等,如果需要附件,请联系上传者。文件的所有权益归上传用户所有。
  • 3. 本站RAR压缩包中若带图纸,网页内容里面会有图纸预览,若没有图纸预览就没有图纸。
  • 4. 未经权益所有人同意不得将文件中的内容挪作商业或盈利用途。
  • 5. 人人文库网仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对用户上传分享的文档内容本身不做任何修改或编辑,并不能对任何下载内容负责。
  • 6. 下载文件中如有侵权或不适当内容,请与我们联系,我们立即纠正。
  • 7. 本站不保证下载资源的准确性、安全性和完整性, 同时也不承担用户因使用这些下载资源对自己和他人造成任何形式的伤害或损失。

评论

0/150

提交评论