西安交通大学：《计算机网络与通讯》课程教学资源（PPT课件讲稿）第9讲 HTML基础

第9讲HTML基础 《网页设计与编程》 第9讲HTML基础

第9讲 HTML基础 1 第9讲 HTML基础 《网页设计与编程》

第9讲HTML基础 ◆本讲内容 HTML句法结构 ■HTML文档结构和常用元素 HTML标准单位 HTML基本元素的使用 ■HTML的其他元素 第9讲HTML基础

第9讲 HTML基础 2 第9讲 HTML基础 本讲内容 ◼ HTML句法结构 ◼ HTML文档结构和常用元素 ◼ HTML标准单位 ◼ HTML基本元素的使用 ◼ HTML的其他元素

第9讲教学目标 ◆理解和掌握HTML句法、文档结构、基本 元素 ◆注意列表、表单、表格等HTML元素 ◆静态网页设计中值得注意的问题 第9讲HTML基础 3

第9讲 HTML基础 3 第9讲 教学目标 理解和掌握HTML句法、文档结构、基本 元素 注意列表、表单、表格等HTML元素 静态网页设计中值得注意的问题

概述 ◆为了在世界范围内发布信息,需要一种 能够被普遍理解的语言,一种能为所有 的计算机作为信息发布用的母语,这就 是万维网使用的超文本标记语言 (Hypertext Markup Language, HTML) 第9讲HTML基础

第9讲 HTML基础 4 概 述 为了在世界范围内发布信息，需要一种 能够被普遍理解的语言，一种能为所有 的计算机作为信息发布用的母语，这就 是万维网使用的超文本标记语言 （Hypertext Markup Language，HTML)

HTML句法结构 第9讲HTML基础

第9讲 HTML基础 5 HTML句法结构

HTML句法结构 ◆ google首页的部分源代码 Google ◆另外还有HTML文档主体部分的声明。 第9讲HTML基础 6

第9讲 HTML基础 6 HTML句法结构 Google首页的部分源代码 Google ... 另外还有HTML文档主体部分的声明

HTML句法结构 个HM文档是普通的ASCI本文件,它包 两类内容:普通的文本、代码或标记。标记 Taq)是用一对尖括号“<>”括起来的文本串, 例如第一行的。标记通常具有如下结 构: <tagneme attribute l=value 1 attribute2=value2 ◆在标记定义中,“ tagname是标记名,定义标 记的类型;而“ attributes”为属性,一般标记 即可以不定义属性,也可以定义若干个属性, 属性给出了这个元素的附加信息 第9讲HTML基础

第9讲 HTML基础 7 HTML句法结构 一个HTML文档是普通的ASCII文本文件，它包 含两类内容：普通的文本、代码或标记。标记 (Tag)是用一对尖括号“<>”括起来的文本串， 例如第一行的。标记通常具有如下结 构： 在标记定义中，“tagname”是标记名，定义标 记的类型；而“attributes”为属性，一般标记 即可以不定义属性，也可以定义若干个属性， 属性给出了这个元素的附加信息

HTML句法结构 ◆在 Google主页文档第二行的标记 中,head是标记名,没有相关属性 ◆在文档主体定义中,定义了若干 属性,属性值为“ bgcolor=#f text=#000000ink=#0000CC vlink-551a8b alink=#ff0000 onLoad=sfo,o 第9讲HTML基础

第9讲 HTML基础 8 HTML句法结构 在Google主页文档第二行的标记 中，head是标记名，没有相关属性。 在文档主体定义中，定义了若干 属性，属性值为“bgcolor=#ffffff text=#000000 link=#0000cc vlink=551a8b alink=#ff0000 onLoad=sf()”

HTML句法结构 ◆注意:虽标记和属性名称与字母大小写无 关,但是属性值却往往对大小写敏感。 ◆例如,可以在超链中定义相关的文件名, 尽管在 Windows系统中,href=a1和 hef=A1可以指向同一文件,但在UNIX系统 中,却是指向不同的文件 ◆重要提示:在网页设计须统一命名方案 第9讲HTML基础

第9讲 HTML基础 9 HTML句法结构 注意：虽标记和属性名称与字母大小写无 关，但是属性值却往往对大小写敏感。 例如，可以在超链中定义相关的文件名， 尽管在Windows系统中，href=a1和 href=A1可以指向同一文件，但在UNIX系统 中，却是指向不同的文件。 重要提示：在网页设计须统一命名方案

HTML句法结构 ◆标记和文本结合起来形成元素 Element) 每个元素代表文档中的一个对象,比如 文件头、段落或图片。一个元素可具有 个或一对标记,通常具有一些相关的 属性 ◆元素有两种类型:容器( container)元 素和单个元素(空元素) 第9讲HTML基础 10

第9讲 HTML基础 10 HTML句法结构 标记和文本结合起来形成元素(Element)。 每个元素代表文档中的一个对象，比如 文件头、段落或图片。一个元素可具有 一个或一对标记，通常具有一些相关的 属性。 元素有两种类型：容器（container）元 素和单个元素（空元素）