HTML句法结构 需要注意,虽然标记和属性名称与字母大小写 无关,但是属性值却往往对大小写敏感。 例如,可以在超链中定义相关的文件名,尽管 在 Windows系统中,href=a1和href=A1可以指 向同一文件,但在UNX系统中,却是指向不 同的文件。 ■重要提示:在网页设计须统一命名方案 西安交通大学程向前第11讲HIM基 出75
西安交通大学 程向前 第11讲 HTML基 础 75- 11 HTML句法结构 ◼ 需要注意，虽然标记和属性名称与字母大小写 无关，但是属性值却往往对大小写敏感。 ◼ 例如，可以在超链中定义相关的文件名，尽管 在Windows系统中，href=a1和href=A1可以指 向同一文件，但在UNIX系统中，却是指向不 同的文件。 ◼ 重要提示：在网页设计须统一命名方案
HTML句法结构 ■标记和文本结合起来形成元素emen。每个元 素代表文档中的一个对象,比如文件头、段落 或图片。一个元素可具有一个或一对标记,通 常具有一些相关的属性。 元素有两种类型:容器( container)元素和单 个元素(空元素) 西安交通大学程向前第11讲HIM基 出75
西安交通大学 程向前 第11讲 HTML基 础 75- 12 HTML句法结构 ◼ 标记和文本结合起来形成元素(Element)。每个元 素代表文档中的一个对象，比如文件头、段落 或图片。一个元素可具有一个或一对标记，通 常具有一些相关的属性。 ◼ 元素有两种类型：容器（container）元素和单 个元素（空元素）
HTML句法结构 容器元素包含文本内容,代表一个文本段、它由文本 主体(或其他元素)组成,文本主体在开头和结尾处 用一对标记来确定边界(结尾的标记用标记名前加“″ 来表示,并不带任何属性)。 例如,<tite>和</ttle>标记把这两个标记之间的文本定义成一个文 档标题。 而空元素是由不影响任何文本的单个标记组成的,它 会在文档中插入一些对象。例如< Img src=.>标记就 是一个可以在文档中插入图像的单个元素。 西安交通大学程向前第11讲HIM基 出75
西安交通大学 程向前 第11讲 HTML基 础 75- 13 HTML句法结构 ◼ 容器元素包含文本内容，代表一个文本段、它由文本 主体（或其他元素）组成，文本主体在开头和结尾处 用一对标记来确定边界（结尾的标记用标记名前加“/” 来表示，并不带任何属性）。 例如，<title>和</title >标记把这两个标记之间的文本定义成一个文 档标题。 ◼ 而空元素是由不影响任何文本的单个标记组成的，它 会在文档中插入一些对象。例如<img src=…>标记就 是一个可以在文档中插入图像的单个元素
HTML句法结构 ■容器元素与空元素一起完整地定义了文档的格式或显 示形式。其它一些普通文本格式符号(如Tab、连续 的空格、回车等)在HTML中都被当做单一的空格。 例如,在输入HTML文件时,可以在每个标记后有若干个空行, 或在每个单词之间有10个空格,但浏览器对此却“熟视无睹”, 结果显示可能会出乎预料。 尽管这可能使简单的格式变得更复杂,但它允许作者 通过使用编程风格的技巧,如额外的空白空间和制表 符等而使HTML文件具有可读性而不影响最终的文档 小。 西安交通大学程向前第11讲HIM基 出75 14
西安交通大学 程向前 第11讲 HTML基 础 75- 14 HTML句法结构 ◼ 容器元素与空元素一起完整地定义了文档的格式或显 示形式。其它一些普通文本格式符号（如Tab、连续 的空格、回车等）在HTML中都被当做单一的空格。 例如，在输入HTML文件时，可以在每个标记后有若干个空行， 或在每个单词之间有10个空格，但浏览器对此却“熟视无睹” ， 结果显示可能会出乎预料。 ◼ 尽管这可能使简单的格式变得更复杂，但它允许作者 通过使用编程风格的技巧，如额外的空白空间和制表 符等而使HTML文件具有可读性而不影响最终的文档 显示
HTML文档结构和常用元素 这三个元素一起构成完整的HTML文档结构模板,所 有的HTML文档都应该遵循这个模板: <HTML> <HEAD> Header element </HEAD> <BODY> body of Document </BODY> </HTML> 西安交通大学程向前第11讲HIM基 出75
西安交通大学 程向前 第11讲 HTML基 础 75- 15 HTML文档结构和常用元素 ◼ 这三个元素一起构成完整的HTML文档结构模板，所 有的HTML文档都应该遵循这个模板： <HTML> <HEAD> Header element </HEAD> <BODY> body of Document </BODY> </HTML>