第3章网页的基本语言html.ppt

总 目 录 第1章 网页无处不在 第2章 网页的风格设计 第3章 网页的基本语言HTML 第4章 让网页动起来 第5章 用Dreamweaver制作网页 第6章 用Dreamweaver制作动态网页 第3章 网页的基本语言HTML 3.1 HTML概述 HTML的全称是HyperText Markup Language。中文意思是超文本标记语言。超文本标记语言是一种标准标记文件的定义，它以标签(rag)标示及排列各对象。而标签本身则以“＜”和“＞”号标识，标签内的内容称为元素(element)，元素代表了标签的意义。 一般格式为：elementobject/element 一般来说标签总是成对出现的，也就是说总有一个/element的标签和element相对应。 第3章 网页的基本语言HTML 3.2 HTML文件的构成 1. HTML文件举例： 2. 元素、标记和属性 HTML元素是构成HTML文件的基本单位，它通常由起始标记、内容和结束标记构成。 标记是HTML中用来控制文字、图形等显示方式的符号，由“ ”和“”括起来。 每个元素都有一些属性，属性只出现在起始标记中，结构为:属性名=“属性值”。 2. 元素、标记和属性 例如：font size=“7” color=“#0000FF”秋夕/font是一个元素，表示以7号蓝色字显示文字“秋夕”。其中FONT是起始标记，/FONT是结束标记，表示前面FONT标记的结束，size和color是属性，7和#0000FF分别是它们的值。 HTML标记的一般格式为：标记 属性1=“属性值1” 属性2=“属性值2” 属性3=“属性值3”... 3. HTML文件结构 HTML文件标记。HTML文件以Html开头，/Html结尾。 文件头部标记Head。head和/head之间的内容表示文件的头部信息，标记网页的标题、预定义变量等。其中常用的是Title标记，用来说明网页的标题，Title和/Title之间的文字将显示在浏览器的标题栏中。Head标记和Title标记都是可选的，但建议不要省略。 3. HTML文件结构 文件主体用body和/body标记。网页正文中的所有内容都包含在这个标记之间，包括文字、表格、图像、声音、动画，等等。 一个包含帧的HTML文件，可能不出现BODY元素，这时BODY元素由FRAMESET元素取代。 4. HTML语法规则 HTML标记和属性不区分大小写，html和HTML是相同的。 多数HTML标记可以嵌套，但不可交叉。例如：pfont color=″#000000″奥林匹克情/p/font将不能正确显示。 HTML文件一行可以写多个标记，一个标记也可以分多行书写，不用任何续行符号。 例如，pfont color=″#000000″ 。但HTML标记中的一个单词不能分两行书写。 有的标记没有结束标记，称为单标记。如，br,img等。 5. 特殊字符 分隔符。如，换行、回车符和多个连续空格。显示内容的换行用Br 标记，换段用P标记，空格用nbsp；表示。 HTML语言本身使用的专有字符。如，、、。 键盘不容易输入的字符。如，?、?等。 每个特殊字符都有其对应的字符串表示，这个字符串必须以“”开始，以“;”结束。书P30表3-1。 6. 注释 为了使程序清楚、容易理解，可以添加注释标记“!”与“”（也可写为“!--”与“--”），在这对注释标记符号之间的内容将不会被浏览器显示出来。注释可以放在任何地方。如，!--这里是注释--。 第3章 网页的基本语言HTML 3.3 HTML元素 3.3.1 文件结构元素 1. 开始和结束标记(HTML) HTML文档的开始标记是html，它告诉浏览器下面的内容是HTML文档，在HTML文档结束处要有对应的/html标记，它告诉浏览器HTML文档结束了。 2. 头部标记（HEAD） HTML文档的头部标记是head，它告诉浏览器下面的内容是HTML文档的头部信息，显示在文本之前，而/head标记告诉浏览器头部内容结束了。头部里面一般包括注释、标题等。 3. 主体标记（BODY） body标记是Web页面主体标记的开始，并对应结束符/body。Web页面的主要内容都出现在body和/body标记之中。 3. 主体标记（BODY） [例1]HTML语言的主体标记。 html head title Web页面的标题/title /head body 这是使用HTML语言编写的Web页面文件 /body /html 3. 主体标记（BODY） 例1在IE浏览器里的运行结果如图所示。 3. 主体标记（BODY）