1、第2章 HTML入门1 1 考核知识点考核知识点HTML文档基本格式、HTML标签、标签的属性、特殊字符录入。2 2 练习目标练习目标初步了解HTML文档基本格式。理解标记的属性。熟练掌握到标签的使用。掌握标签及其属性的应用。掌握常用特殊字符的使用。能够运用HTML文档基本格式制作简单的页面。实验实验1 HTML1 HTML元素和属性元素和属性请做出以下效果:要求:(1)标题字号比正文字号要大。(2)正文前面有两空留白。(3)标题和最后一行在页面居中显示。(4)版权信息和正文中间加一条绿色的较粗水平线。3 3 实验内容及要求实验内容及要求实验实验1 HTML1 HTML元素和属性元素和属性此页
2、面由标题、段落和水平线组成。标题用标签,段落用标签,水平线用标签,段落前的留白用特殊字符的替代代码 ,“”用特殊字符的替代代码©。4 4 实验分析实验分析实验实验1 HTML1 HTML元素和属性元素和属性1 1 考核知识点考核知识点文本样式标签、文本格式化标记。2 2 练习目标练习目标掌握标签的使用方法。了解斜体、粗体、下划线、删除线等文本格式化标记。掌握HTML文本格式化标记的简单运用。实验实验2 2 文本格式设置文本格式设置请做出以下效果:要求:按效果图完成相应文本的删除线、粗体、斜体、下划线、颜色的设置。3 3 实验内容及要求实验内容及要求实验实验2 2
3、 文本格式设置文本格式设置此页面可以看成由4个段落组成。段落用标签来构建页面结构,“”用特殊字符的替代代码¥。删除线、粗体、斜体、下划线、颜色设置分别用、:、标签。4 4 实验分析实验分析实验实验2 2 文本格式设置文本格式设置1 1 考核知识点考核知识点图像标签2 2 练习目标练习目标熟练掌握图像标签的应用。熟练掌握文本标签的应用。掌握文本标签和图像标签的混合应用。实验实验3 3 图文混排图文混排请做出以下效果:要求:(1)将标题字体设置为“微软雅黑”,设置颜色为红色。(2)第一张图片下面有两个段落。第二张图片设置对齐属性参照效果图完成图文混排效果。给每张图片加边框。(3)两个不同的
4、图文混排用一条水平线隔开,使层次效果更明显。3 3 实验内容及要求实验内容及要求实验实验3 3 图文混排图文混排此页面由标题、图片、段落和水平线组成。标题用标签,段落用标签,水平线用标签,图片用标签来构建页面结构,设置文本格式,图片属性即可完成。4 4 实验分析实验分析实验实验3 3 图文混排图文混排1 1 考核知识点考核知识点HTML标签2 2 练习目标练习目标熟练掌握图像标签的应用。熟练掌握文本标签的应用。掌握文本标签和图像标签的混合应用。实验实验4 4 淘宝宝贝展示淘宝宝贝展示请做出以下效果:要求:此效果是实验1、实验2、实验3的综合,不再详述。3 3 实验内容及要求实验内容及要求实验实验4 4 淘宝宝贝展示淘宝宝贝展示此效果是实验1、实验2、实验3的综合,不再详述。4 4 实验分析实验分析实验实验4 4 淘宝宝贝展示淘宝宝贝展示