《网页设计与制作实践》课件第2章 HTML入门.pptx

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 淘宝宝贝展示淘宝宝贝展示