网页设计HTML简介.pptVIP

表格使用的原则：1、表格用于排版定位时，其对齐方式采用默认或居中。2、表格在使用过程中，尽量少使用跨行跨列，建议采用表格嵌套。3、由外到内使用表格，外层表格宽度最好用绝对值（像素）表示，内层表格宽度最好用相对值（百分比）表示。4、设置表格中的单元格的宽度时，一行中至少留有一个单元格的宽度不设置。 第二章 HTML(XHTML)基础 教学目标： 回顾上学期学过的Web站点架设知识，并能够在实际中得到使用。 掌握HTML的概念、结构和用途，初步学会使用HTML编辑工具。 掌握HTML常用标签的作用及用法。 学会实际动手编写第一个自己的HTML页面。 教学重点和难点： HTML文件基本结构和编写 DW编辑器的基本使用 一、Web站点的运行环境和运行过程 运行环境： 1、服务端需要安装IIS（Internet Information Server）Internet信息服务器。 2、客户端需要安装浏览器（例如：Internet Explorer 简称IE ） 。 3、运行过程：图示如下。 发出请求到服务端 发送数据到客户端 Server Client 使用HTTP（超文本传输协议）工作 HTML文档的定义和作用 HTML是HyperText Markup Language的简写，称为超文本标记语言。 HTML并不是一种程序， 也不是一个图文混排的排版软件，它只是一种控制网页内容显示的文本类型的标识语言。HTML是纯文本类型的文件，可以使用任何一种文本编辑器进行编写，通过浏览器解释执行。 二、HTML简介及基本结构 HTML文档基本结构 文件开始 文件结束 文件头区域 文件标题 文件体区域 文件中可见内容 * 文件头中的内容在浏览器打开时是看不到的，这些内容只是用来设 置文件标题和属性的。 * 文件体中的内容在浏览器中是可以看到的，可见部分的代码必须写 在body……/body区域中。 HTML文档语法 （1）单标签：格式为标签名称，其作用是在相应位置插入标签，例如br标签表示在该标签所在的位置插入一个换行符。 注：XHTML中单标签的书写格式为标签名称 / （2）双标签：由首标签和尾标签两部分组成，格式为标签名称要控制的内容/标签名称，仅对包含在其中的文件部分发生作用。 （3）标签属性：在单标签或是双标签的首标签中可以设置一些属性，增强该标签的作用，格式为标签名称 属性1=“值1“ 属性2=“值2“ ……，尾标签保持原样。 * 属性中的双引号切记不要省略。 * 由标签相互进行嵌套构成整个文档。 * 单、双标签切记不要忽视或是缺省。 * 网页显示的速度与网页代码的质量有很大的关 系。 三、HTML常用标签 1、标题标签： 格式：title/title 作用：为浏览器标题栏设置标题。 2、页面的主体标签： 格式：body/body 属性： text、background、bgcolor、leftmargin、topmargin。 作用：要在浏览器中显示的内容必须放于其中。 3、换行标签： 格式：br 作用：使标签后面的内容从下一行开始显示。 4、强制不换行标签： 格式：nobr/nobr 作用：把不适于分开的词和短语放在同一行中。 5、分段控制标签： 格式：p/p 属性：align（left、center、right） 作用：可以区别出文字的不同段落。 6、原样显示文字(预格式化)标签： 格式：pre/pre 作用：通过浏览器显示时，如果要显示源代码中排版时的效果，可用原样显示文字标签实现。 7、居中对齐标签： 格式：center/center 作用：使center与/center之间的内容水平居中对齐。 8、标题文字标签： 格式：hn……/hn 属性：align（left、center、right） * n的取值范围是1～6，值为1时字号最大;值为6时字号最小。 9、文字格式控制标签： 格式：font……/font 属性：face（宋体、黑体、verdana）、 size（1～7）、color（颜色代码） *color的值是用六位十六进制表示的，如#000000表示黑色，#FFFFFF表示白色，每二位表示三颜色RGB（红、绿、蓝）中的一种颜色。 10、文字修饰标签 格式：b……/b（粗体） strong……/strong （粗体） i……/i（斜体） em……/em （斜体） u……/u（下划线）