《网页设计HTML简介》PPT课件

《《网页设计HTML简介》PPT课件》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第二章HTML(XHTML)基础教学目标：回顾上学期学过的Web站点架设知识，并能够在实际中得到使用。掌握HTML的概念、结构和用途，初步学会使用HTML编辑工具。掌握HTML常用标签的作用及用法。学会实际动手编写第一个自己的HTML页面。教学重点和难点：HTML文件基本结构和编写DW编辑器的基本使用一、Web站点的运行环境和运行过程运行环境：1、服务端需要安装IIS（InternetInformationServer）Internet信息服务器。2、客户端需要安装浏览器（例如：InternetExplorer简称IE）。3、运行过程：图示如下。发出请求到服务端发送数

2、据到客户端ServerClient使用HTTP（超文本传输协议）工作HTML文档的定义和作用HTML是HyperTextMarkupLanguage的简写，称为超文本标记语言。HTML并不是一种程序，也不是一个图文混排的排版软件，它只是一种控制网页内容显示的文本类型的标识语言。HTML是纯文本类型的文件，可以使用任何一种文本编辑器进行编写，通过浏览器解释执行。二、HTML简介及基本结构HTML文档基本结构文件开始文件结束文件头区域文件标题文件体区域文件中可见内容*文件头中的内容在浏览器打开时是看不到的，这些内容只是用来设置文件标题和属性的。*文件体中的内容在浏览器中是

3、可以看到的，可见部分的代码必须写在……区域中。HTML文档语法（1）单标签：格式为<标签名称>，其作用是在相应位置插入标签，例如
标签表示在该标签所在的位置插入一个换行符。注：XHTML中单标签的书写格式为<标签名称/>（2）双标签：由首标签和尾标签两部分组成，格式为<标签名称>要控制的内容，仅对包含在其中的文件部分发生作用。（3）标签属性：在单标签或是双标签的首标签中可以设置一些属性，增强该标签的作用，格式为<标签名称属性1=“值1“属性2=“值2“……>，尾标签保持原样。*属性中的双引号切记不要省略。*由标签相互进行嵌

4、套构成整个文档。*单、双标签切记不要忽视或是缺省。*网页显示的速度与网页代码的质量有很大的关系。三、HTML常用标签1、标题标签：格式：作用：为浏览器标题栏设置标题。2、页面的主体标签：格式：属性：text、background、bgcolor、leftmargin、topmargin。作用：要在浏览器中显示的内容必须放于其中。3、换行标签：格式：
作用：使标签后面的内容从下一行开始显示。4、强制不换行标签：格式：作用：把不适于分开的词和短语放在同一行中。5、分段控制标签：格式：<

5、p>

……<

6、/font>属性：face（宋体、黑体、verdana）、size（1～7）、color（颜色代码）*color的值是用六位十六进制表示的，如#000000表示黑色，#FFFFFF表示白色，每二位表示三颜色RGB（红、绿、蓝）中的一种颜色。10、文字修饰标签格式：……（粗体）……（粗体）……（斜体）……（斜体）……（下划线）……（删除线）^……（上标）_……（下标）*文字更多、更强的修饰可以由CSS样式表完成，在后续的CS

7、S样式章节中会进行详细讲解。11、水平线标签格式：

---

作用：换行并在该行下画一条横线，横线上下两端都会留出一定的空白。标签的属性有（size、width、align、color、noshade），详见下表。属性值功能单位默认值size数字设置粗细Pixel（像素）2width数字设置宽度Pixel（像素）、百分比100%alignLeft、center、right设置横向对齐方式centercolor颜色代码设置颜色#000000noshade无设置不显示3D阴影12、插入图像标签格式：属性：src：设置图像存放的位置。width：设置