dreamwaver网页设计第5篇.ppt

第5章 HTML概述 第5章 HTML概述 5.1 HTML基本知识 5.2 文本标记 5.3 图像标记 5.4 超链接标记 5.5 表格标记 5.6 表单标记 5.7 综合实例 5.1 HTML基本知识 HTML简介 HTML基本元素 HTML简介 HTML（HyperText Mark-up Language）是网页设计常用的标识语言，是构成Web页面的主要工具，即超文本标识语言。 HTML作为一种标识性的语言，由一些特定符号和语法组成，命令简介明了，具有扩充性。 HTML的主要功能： 格式化文本 建立超链接 创建列表 插入图像 建立表格 加入多媒体 交互式表单、计数器等 HTML基本元素 HTML标记 标记格式：标记HTML语言元素/标记 特殊字符 在HTML中，一个特殊字符有两种表达方式，一种是数字参考，一种是实体参考。 语法 一个标记，为了明确它的功能，往往用一些属性参数来描述，对这些属性参数的规定就是所谓的语法， 1、超文本中的标签 HTML用于描述功能的符号称为标签（也称标记）。 ① 单标签 单标签的语法格式：　　标签名称 内容 例：br, 它表示换行。 ② 双标签（也称成对标签） 双标签的语法格式：　　标签 内容/标签 例如：i第一：/i，用于进行斜体表示。 2、标签属性 语法为： 　　　　　标签名字 属性1 属性2 属性3 … 或 标签 属性1＝属性值 属性2＝属性值…〉内容〈／标签〉 例：font size=4 color=red 属性示例 /font 说明：①使用时属性之间没有顺序。 ②有些属性也可省略（即取默认值）。 ③标签和属性不区分大小写。 ④包括空格、%、#等特殊字符的属性值必须加入双引号。 3、HTML文件命名的注意事项 文件的扩展名要以.htm或是.html结束。 文件名只可由英文字母、数字或下划线组成。 文件名中不要包含特殊的符号，如空格、$等。 网站首页文件名一般默认是index.htm或index.html。 4、编写HTML文件的注意事项 所有标签都要用尖括号（）括起来。 对于成对出现的标签，最好同时输入起始标签或结束标签。 采用标记嵌套的方式可以为同一个信息应用多个标记。 在代码中，不区分大小写。 任何空格或回车在代码中都无效，插入空格或回车有专用的标记，分别为nbsp、br。 标签中不要有空格，否则浏览器可能无法识别。 HTML的基本结构： HTML文件以html开头，以/html结尾。 HTML文件包括头部head和主体body。 说明： ① 文件头部在文件标记html之后。 ② 在此标签中可以插入其它标签，用以说明文件的标题和整个文件的一些公用属性。 ③ 在浏览器窗口中，头部信息是不被显示在正文中的。 页面的标题标签title/title决定了显示在页面标题栏中的文字。 特别说明： 如果没有使用head标记，而单独使用title，title标记仍可设定。 body/body标签是HTML文档的主体部分，其中放置的是页面中所有的内容。 设置 body标签内的属性，可控制整个页面的显示方式。 5.2 文本标记 文字的颜色、字体、大小标记 标题、段落标记 文字的颜色、字体、大小标记 设定HTML文件文字颜色 设定HTML文件文字字体 设定HTML文件文字大小 1、添加文字 2、添加注释!-- --或comment 凡是在注释标签内的文字都是隐性的，故注释内容不会在浏览器中显示出来。 3、添加空格nbsp 在HTML网页中，网页添加空格是通过代码控制，这与Word、记事本等是不同的。 说明：需要多少个空格，就添加多少个nbsp; 。 设置网页文字格式，主要是设置文字的大小、字体、颜色、字型等属性。 一、利用font标签可以实现多种文字格式的设置。 font标签的属性如下： size用来设置文字的大小。 数字的取值范围从1～7，size取1时最小，取7时最大。（默认值：6） face用来设置字体。 如黑体、宋体、楷体_GB2312、仿宋_GB2312、隶书、Times New Roman等。（默认值：宋体） color用来设置文字颜色。（默认值：黑色） 1、设置文字的大小 basefont和 /basefont :设置基本字体。 2、设置字体 当文字是汉字时，格式中的字体名可以为： 宋体、幼圆、隶书、楷体_GB2312、黑体、仿