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

;;;; 依据下图的草图结构，使用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实现“职位描述”与“职位要求”两个内容的页面效果。;企业招聘页面结???实现;