第3章 使用HTML制作网页

《第3章 使用HTML制作网页》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、网站建设技术——第3章使用HTML制作网页内容概述01教学目标02知识点讲解03实验04本章通过具体案例，详细地介绍了HTML语言中常用的标记及其属性，并解析如何使用HTML语言编制网页。BACKNEXTPREV掌握HTML页面基本结构和HTML标记使用方法。掌握文本控制、图像显示的方法。掌握使用超级链接、创建表格的方法。掌握多媒体元素及表单对象的使用。二、教学目标BACKNEXTPREV3.1HTML基础3.1.1使用HTML标记设计网页利用HTML基本标记，创建红色背景、蓝色文字的网页。三、知识点讲解BACK

2、NEXTPREV教师演示操作过程3.1.2知识解析一、超文本标记语言——HTMLHTML（HyperTextMark-upLanguage）即超文本标记语言，是WWW的描述语言。它是一个包含标记的文本文件，包含了所有将显示在网页上的文字信息，其中也包括对浏览器的一些指示，如文字应放置在何处，显示模式是什么样的等等。HTML文件通过标记符(tag)来实现这一功能。三、知识点讲解BACKNEXTPREV二、HTML的标记符号一般情况下，HTML标记符号使用下列格式：<标记符号>文件内容标记内可以包含一些

3、属性，标记属性可由用户设置，否则将采用默认的设置值。属性名称出现在标记符号的后面，并且以空格进行分隔，如果标记具有多个标记属性，那么不同的属性名称之间将以空格隔开。其语法是：<标记符号属性1="值"属性2="值"属性3="值"…>三、知识点讲解BACKNEXTPREV三、HTML文档的基本结构HTML文件通常是由3部分组成：起始标记、文档头和文件主体，其中文件主体是HTML文件的主要部分与核心内容，它包括文件所有的实际内容与绝大多数的标记符号。添加起始标记设置文档头网页的主体结构HTML中的注释三、知识点讲解BA

4、CKNEXTPREV四、HTML标记语言的特点HTML标记均用<>括起来，大多数的标记成对使用，标记的开始符和结束符相同，结束符前多一个斜杠，其用法格式为：<标记名>文本标记符还拥有属性，利用这些属性可对修饰的部分进行更加详细地控制，其用法格式为：<标记名属性名1="属性值1"属性名2="属性值2"…>文本各属性项之间用空格分隔，属性值可用单引号或双引号引起来，也可以不用引号直接表达。HTML标记可嵌套使用，从不同的角度对文本格式进行控制。嵌套使用时注意不要发生交叉嵌套。标记符不区分大小写

5、，各标记的书写表达没有先后顺序要求。有些标记是单独使用的，没有对应结束标记。如换行标记
和水平线标记

…

6、.3建立超链接本案例将实现对左图所示页面中的文本“怪石”建立超链接，点击超链接，将打开右图所示的页面。创建超链接创建锚点链接创建邮件链接三、知识点讲解BACKNEXTPREV教师演示操作过程3.2.4使用表格本案例利用表格实现下图所示页面中的图像和文本的控制。表格标记表格标记的常用属性表格行的标记及属性表格单元格标记及属性三、知识点讲解BACKNEXTPREV教师演示操作过程3.2.5使用多媒体本案例要求使用多媒体元素及相关素材，制作一多媒体网站首页，其页面运行效果如图所示。常用多媒体组件添加视频添加音乐三、知识

7、点讲解BACKNEXTPREV教师演示操作过程3.3综合案例——制作网上购物网站首页本案例设计制作“手机电子商城”网上购物网站首页。三、知识点讲解BACKNEXTPREV教师演示操作过程16实验目的与要求熟悉HTML标记，掌握页面布局的基本方法。实验内容设计制作一个企业网站首页。实验三使用HTML制作企业网站首页BACKNEXTPREV