网页设计与制作(HTML+CSS+JS)-3期(KC003) 网页的基本页面实现 任务2 网页的基本页面实现.pptxVIP

网页设计与制作(HTML+CSS+JS)-3期(KC003) 网页的基本页面实现 任务2 网页的基本页面实现.pptx

  1. 1、原创力文档(book118)网站文档一经付费(服务费),不意味着购买了该文档的版权,仅供个人/单位学习、研究之用,不得用于商业用途,未经授权,严禁复制、发行、汇编、翻译或者网络传播等,侵权必究。。
  2. 2、本站所有内容均由合作方或网友上传,本站不对文档的完整性、权威性及其观点立场正确性做任何保证或承诺!文档内容仅供研究参考,付费前请自行鉴别。如您付费,意味着您自己接受本站规则且自行承担风险,本站不退款、不进行额外附加服务;查看《如何避免下载的几个坑》。如果您已付费下载过本站文档,您可以点击 这里二次下载
  3. 3、如文档侵犯商业秘密、侵犯著作权、侵犯人身权等,请点击“版权申诉”(推荐),也可以打举报电话:400-050-0827(电话支持时间:9:00-18:30)。
  4. 4、该文档为VIP文档,如果想要下载,成为VIP会员后,下载免费。
  5. 5、成为VIP后,下载本文档将扣除1次下载权益。下载后,不支持退款、换文档。如有疑问请联系我们
  6. 6、成为VIP后,您将拥有八大权益,权益包括:VIP文档下载权益、阅读免打扰、文档格式转换、高级专利检索、专属身份标志、高级客服、多端互通、版权登记。
  7. 7、VIP文档为合作方或网友上传,每下载1次, 网站将根据用户上传文档的质量评分、类型等,对文档贡献者给予高额补贴、流量扶持。如果你也想贡献VIP文档。上传文档
查看更多
;;;; 依据下图的草图结构,使用HTML5基本语法,运用文本、图像、链接、表格、列表等标签来编写门户网站的基本页面效果。;; HTML5基本语法;;;;;; HTML5标签及属性;;;;;;;;;;;;;实例演示; 标签;举例演示; 特殊字符标签;; 图像标签img;img /标签的属性;举例演示;;;举例演示;;;锚点的定义语法:a name=锚点名称文字/a 或者 a id=锚点名称文字/a 在该语法中,锚点名称就是对后面跳转所创建的锚点,文字则是设置链接后跳转的位置。;举例演示;在该语法中要先定义影像地图的名称,然后在引用这个影像地图。在area标签中定义了热区的位置和链接目标,其中shape用来定义热区形状,可以取值rect(矩形)、circle(圆形区域)、poly(多边形区域);coords参数则用来设置区域坐标,对于不同的形状来说,coords设置的方式也不同。;影像地图 将图像划分成不同的区域进行超链接设置被称为影像地图。 包含热区的图像也可以称为影像地图。;举例演示;;;举例演示;;举例演示;表格标签table有很多属性,最常用的属性。;举例演示;当表格设置border时,可以表格的边框包括上边框、下边框、左边框、右边框。这四个边框都可以设置为显示或隐藏状态。;举例演示;;举例演示;;;举例演示;;举例演示;;;举例演示;;【演示】综合所学的基本HTML标签,制作书法家庄辉的个人介绍页面。;【演示】依据书法家庄辉的个人介绍页面分析的布局示意图左图。;实现步骤;;演示;;演示;;【演示】依据结构示意图编写HTML代码。;【演示】结合本节学习的HTML5的基本语法、文本与段落、图像与超级链、列表等标签,结合在任务1设计的草图来实现基础的HTML页面效果,如图所示。;实现步骤;;演示;;演示;;演示;;演示;;演示;;ruby 标签;body ruby瞾rt zhao /rt /ruby /body;mark 标签; cite标签;;【实训目的】 1.理解HTML基本标签的语义。 2.掌握HTML基本页面标签的使用方法。 【实训内容】 实训任务1:使用HTML实现“职位描述”与“职位要求”两个内容的页面效果。;企业招聘页面结???实现;

您可能关注的文档

文档评论(0)

WanDocx + 关注
实名认证
文档贡献者

大部分文档都有全套资料,如需打包优惠下载,请留言联系。 所有资料均来源于互联网公开下载资源,如有侵权,请联系管理员及时删除。

1亿VIP精品文档

相关文档