HTML句法结构 ■在元素的起始标记中可以填入相关的元素属性 在 Google主页文档第二行的<head>标记中, head是标记名,没有相关属性。 在文档主体<body>定义中,定义了若干属性, 属性值为“ bgcolor=# ffffff text=#000000 ink=#0000ccⅦink=551a8bank≡#f0000 onload=sf0”。 武汉大学web程序设计二、HIML(上)
武汉大学 web程序设计 二、HTML(上) 11 HTML句法结构 ◼ 在元素的起始标记中可以填入相关的元素属性 ◼ 在Google主页文档第二行的<head>标记中, head是标记名,没有相关属性。 ◼ 在文档主体<body>定义中,定义了若干属性, 属性值为“bgcolor=#ffffff text=#000000 link=#0000cc vlink=551a8b alink=#ff0000 onLoad=sf()
HTML句法结构 需要注意,虽然标记和属性名称与字母大小写 无关,但是属性值却往往对大小写敏感。 例如,可以在超链中定义相关的文件名,尽管 在 Windows系统中,href=a1和href=A1可以指 向同一文件,但在UNX系统中,却是指向不 同的文件。 ■重要提示:在网页设计须统一命名方案 武汉大学web程序设计二、HIML(上)
武汉大学 web程序设计 二、HTML(上) 12 HTML句法结构 ◼ 需要注意,虽然标记和属性名称与字母大小写 无关,但是属性值却往往对大小写敏感。 ◼ 例如,可以在超链中定义相关的文件名,尽管 在Windows系统中,href=a1和href=A1可以指 向同一文件,但在UNIX系统中,却是指向不 同的文件。 ◼ 重要提示:在网页设计须统一命名方案
HTML句法结构 ■标记和文本结合起来形成元素emen。每个元 素代表文档中的一个对象,比如文件头、段落 或图片。一个元素可具有一个或一对标记,通 常具有一些相关的属性。 元素有两种类型:容器( container)元素和单 个元素(空元素) 武汉大学web程序设计二、HIML(上)
武汉大学 web程序设计 二、HTML(上) 13 HTML句法结构 ◼ 标记和文本结合起来形成元素(Element)。每个元 素代表文档中的一个对象,比如文件头、段落 或图片。一个元素可具有一个或一对标记,通 常具有一些相关的属性。 ◼ 元素有两种类型:容器(container)元素和单 个元素(空元素)
HTML句法结构 容器元素包含文本内容,代表一个文本段、它由文本 主体(或其他元素)组成,文本主体在开头和结尾处 用一对标记来确定边界(结尾的标记用标记名前加“″ 来表示,并不带任何属性)。 例如,<tite>和</ttle>标记把这两个标记之间的文本定义成一个文 档标题。 而空元素是由不影响任何文本的单个标记组成的,它 会在文档中插入一些对象。例如< Img src=.>标记就 是一个可以在文档中插入图像的单个元素。 武汉大学web程序设计二、HIML(上) 14
武汉大学 web程序设计 二、HTML(上) 14 HTML句法结构 ◼ 容器元素包含文本内容,代表一个文本段、它由文本 主体(或其他元素)组成,文本主体在开头和结尾处 用一对标记来确定边界(结尾的标记用标记名前加“/” 来表示,并不带任何属性)。 例如,<title>和</title >标记把这两个标记之间的文本定义成一个文 档标题。 ◼ 而空元素是由不影响任何文本的单个标记组成的,它 会在文档中插入一些对象。例如<img src=…>标记就 是一个可以在文档中插入图像的单个元素
HTML句法结构 ■容器元素与空元素一起完整地定义了文档的格式或显 示形式。其它一些普通文本格式符号(如Tab、连续 的空格、回车等)在HTML中都被当做单一的空格。 例如,在输入HTML文件时,可以在每个标记后有若干个空行, 或在每个单词之间有10个空格,但浏览器对此却“熟视无睹”, 结果显示可能会出乎预料。 尽管这可能使简单的格式变得更复杂,但它允许作者 通过使用编程风格的技巧,如额外的空白空间和制表 符等而使HTML文件具有可读性而不影响最终的文档 小。 武汉大学web程序设计二、HIML(上)
武汉大学 web程序设计 二、HTML(上) 15 HTML句法结构 ◼ 容器元素与空元素一起完整地定义了文档的格式或显 示形式。其它一些普通文本格式符号(如Tab、连续 的空格、回车等)在HTML中都被当做单一的空格。 例如,在输入HTML文件时,可以在每个标记后有若干个空行, 或在每个单词之间有10个空格,但浏览器对此却“熟视无睹” , 结果显示可能会出乎预料。 ◼ 尽管这可能使简单的格式变得更复杂,但它允许作者 通过使用编程风格的技巧,如额外的空白空间和制表 符等而使HTML文件具有可读性而不影响最终的文档 显示