网页设计语言_Html.ppt

第2章 HTML语言 2.1 HTML有关基本知识 一、什么是html语言。HTML是超文本标记语言，它是一种用于编写网页的标记语言。几乎所有的网页都是由HTML或其它程序语言编写成的。 二、html语言的特性。HTML语言具有与平台无关性，无论用户使用何种操作系统（WINDOWS、DOS、UNIX），只要有相应的浏览器程序，就可以运行HTML文档。 三、html语言中的工作原理。HTML编程就是用各种各样的标记把在页面中要显示的内容组织起来，其中包含了许多标记和文本，浏览器可以理解这些标记，并把标记解译出来，显示出漂亮的Web页面。 2.1.1 标记基础 HTML语言是由多个标记组成的，标记给浏览器提供了格式化Web文档的指令。 一、基本的HTML语法 在HTML语言中，所有的标记都必须用尖括号括起来。例如，HTML、HEAD、BODY等。 大部分标记都是成对出现的，包括开始标记和结束标记，开始标记和结束标记定义了所影响的范围。 结束标记与开始标记名称相同，但结束标记总是以一个斜线符号开头的。例如，HTML和/HTML，也有一些标记没有结束标记符号，例如换行标记BR就是这样。 HTML标记不区分大小写。 HTML文件可支持很多标记，不同的标记代表不同的含义。学习HTML语言上就是学习这些各种各样的标记。 每种标记有不同的作用,当需要对网页的某处内容进行修改时，就把相应的标记放置在该处前面，这时浏览器就会知道要以何种方式显示网页的内容了。 可以把标记放置在网页中的任意部位，但浏览器不会把这些标记本身显示出来，只是按照标记的要求对标记符之间的内容进行特殊显示。 2.1.2 标记符的属性 大多数标记都包含有多个属性，通过这些属性可以对作用的内容进行更多的控制。在HTML语言中，所有属性都放置在开始标记的尖括号内。 例如，使用Font标记设置文本格式时，可以使用Face属性来指定所用的字体，使用Size属性来指定所用的字号。 请看下面的HTML代码： Font Face = “宋体” Size = “2”心想事成/Font 使用标记时的一些注意事项： 任何标记都用“”　和　“”所围住，如 P 标记名与“”号之间不能留有空白字符。 对于某些标记，要加上属性，某些则不必，属性只可加于起始标记中。 在开始标记的标记符前加上符号“/”便是其结束标记， 不同的标记可以带有不同的属性，属性要和标记同时使用，其格式为： 标记名　属性名＝属性值　属性名＝属性值　…文本/标记名 标记字母不分大小写，标记中的属性名和属性值也都不区分大小写。 HTML标记可以嵌套使用，嵌套使用时注意不要发生交叉嵌套。 BDIV ALIGN=CENTERFONT COLOR=BLUE动态网页/FONT/DIV/B 有少数几个标记没有对应的结束标记。如img、hr。 2.1.3 在HTML文件中使用注释 在HTML 文件中提供了注释标记，注释由开始标记“!--”和结束标记“--”构成，这两个标记之间的文字被浏览器解释为注释，注释的内容不会在浏览器窗口中显示，它是给网页设计者看的，主要目的是增加代码的可读性。 当浏览器遇见注释标记时，会忽略注释标记中的文字（可以是很多行文字），对添加了注释标记中的内容不作显示。 2.2 HTML文档的基本结构 一、文档的开始与结束标记 HTML.../HTML 它是网页的开始和结束标记，其他所有标记都位于这两个标记之间。 二、文档头部标记＜Head＞＜／Head＞ 它用来设定有关页面的一些信息，这些信息不是页面显示的主体内容，但有时对于浏览器解释标记是很有用的。 三、主体标记＜Body＞＜／Body＞ body标记符是告诉浏览器这里面的内容是网页的实际内容。对于一个最简单的网页来说，html和body 这两个标记符是唯一必须使用的标记符，网页中的正文内容必须要放在这两个标记之间。 body标记包含了文档的内容，文字、图像、动画、超链接以及其他HTML元素均位于该标记中。 HTML文档的基本结构可以表示如下： HTML HEAD TITLE标题文字/TITLE HEAD BODY 文本、图像、动画、HTML指令等 /BODY /HTML 2.3 文本格式标记 2.3.1 标题字体＜Hn＞＜／Hn＞ 标题标记用于设置文档中的标题，其中H1.../H1标记表示字体最大的标题，H6…/H6标记表示字体最小的标题。 演示：Sample2_4.htm 2.3.2 字体控制标记 一、设置字体、字号和颜色 使用字体标记FONT/FONT来设置文本的字符格