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

上传人(卖家):momomo 文档编号:7904060 上传时间:2024-09-03 格式:PPTX 页数:13 大小:512.42KB
下载 相关 举报
《网页设计与制作实践》课件第2章 HTML入门.pptx_第1页
第1页 / 共13页
《网页设计与制作实践》课件第2章 HTML入门.pptx_第2页
第2页 / 共13页
《网页设计与制作实践》课件第2章 HTML入门.pptx_第3页
第3页 / 共13页
《网页设计与制作实践》课件第2章 HTML入门.pptx_第4页
第4页 / 共13页
《网页设计与制作实践》课件第2章 HTML入门.pptx_第5页
第5页 / 共13页
点击查看更多>>
资源描述

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

展开阅读全文
相关资源
猜你喜欢
相关搜索
资源标签

当前位置:首页 > 大学
版权提示 | 免责声明

1,本文(《网页设计与制作实践》课件第2章 HTML入门.pptx)为本站会员(momomo)主动上传,163文库仅提供信息存储空间,仅对用户上传内容的表现方式做保护处理,对上载内容本身不做任何修改或编辑。
2,用户下载本文档,所消耗的文币(积分)将全额增加到上传者的账号。
3, 若此文所含内容侵犯了您的版权或隐私,请立即通知163文库(发送邮件至3464097650@qq.com或直接QQ联系客服),我们立即给予删除!


侵权处理QQ:3464097650--上传资料QQ:3464097650

【声明】本站为“文档C2C交易模式”,即用户上传的文档直接卖给(下载)用户,本站只是网络空间服务平台,本站所有原创文档下载所得归上传人所有,如您发现上传作品侵犯了您的版权,请立刻联系我们并提供证据,我们将在3个工作日内予以改正。


163文库-Www.163Wenku.Com |网站地图|