第2讲HTML基础(± 武汉大学web程序设计二、HTML(上)
武汉大学 web程序设计 二、HTML（上） 1 第2讲 HTML基础（上）
为什么要了解HTML? 深入内部才能更好的掌握知 编程需要和代码打交道 老师:为什么 为师这样做 要了解 也是为了 HTML呢? 你们啊 武汉大学web程序设计二、HIML(上)
武汉大学 web程序设计 二、HTML（上） 2 为什么要了解HTML? ◼ 深入内部才能更好的掌握知识 ◼ 编程需要和代码打交道 老师：为什么 要了解 HTML呢？ 为师这样做 也是为了 你们啊！
第2讲HTML基础 本讲内容 HTML句法结构 口HTML文档结构和常用元素 口HTML标准单位 HTML基本元素的使用 口HTML的其他元素 武汉大学web程序设计二、HIML(上)
武汉大学 web程序设计 二、HTML（上） 3 第2讲 HTML基础 ◼ 本讲内容 ❑ HTML句法结构 ❑ HTML文档结构和常用元素 ❑ HTML标准单位 ❑ HTML基本元素的使用 ❑ HTML的其他元素
第2讲教学目标 ■理解和掌握HTML句法、文档结构、基本元素 其中列表、表单、表格等与后续课程有重要联 系的HTML元素尤为重要; ■掌握和熟练使用基于文本的HTML编辑工具, 学习使用Web服务器发布网页 学习使用浏览器查看网页的源代码。 武汉大学web程序设计二、HIML(上)
武汉大学 web程序设计 二、HTML（上） 4 第2讲 教学目标 ◼ 理解和掌握HTML句法、文档结构、基本元素， 其中列表、表单、表格等与后续课程有重要联 系的HTML元素尤为重要； ◼ 掌握和熟练使用基于文本的HTML编辑工具， 学习使用Web服务器发布网页； ◼ 学习使用浏览器查看网页的源代码
HIML基础 为了在世界范围内发布信息,需要一种能够被 普遍理解的语言,一种能为所有的计算机作为 信息发布用的母语,这就是万维网使用的超文 本标记语言( Hypertext Markup Language HTML)。 武汉大学web程序设计二、HIML(上)
武汉大学 web程序设计 二、HTML（上） 5 HTML基础 ◼ 为了在世界范围内发布信息，需要一种能够被 普遍理解的语言，一种能为所有的计算机作为 信息发布用的母语，这就是万维网使用的超文 本标记语言（Hypertext Markup Language， HTML)
HIML基础 使用HTML的可以创建 口发布包括标题、正文、表格甚至照片的联机文档; 口可以通过超链标记将所建的文档与其他联机文档建 立访问关联; 口设计浏览器表单进行远程交互服务,如査找信息 进行预订、购置产品等: 可以将电子表格、视频剪辑,声音节目和其他多媒 体信息包括在HTML文档中。 武汉大学web程序设计二、HIML(上)
武汉大学 web程序设计 二、HTML（上） 6 HTML基础 ◼ 使用HTML的可以创建： ❑ 发布包括标题、正文、表格甚至照片的联机文档； ❑ 可以通过超链标记将所建的文档与其他联机文档建 立访问关联； ❑ 设计浏览器表单进行远程交互服务，如查找信息、 进行预订、购置产品等； ❑ 可以将电子表格、视频剪辑，声音节目和其他多媒 体信息包括在HTML文档中
HTML句法结构 武汉大学web程序设计二、HIML(上)
武汉大学 web程序设计 二、HTML（上） 7 HTML句法结构
HTML句法结构 Google首页的部分源代码 Google 另外还有HTML文档主体部分的声明。 武汉大学web程序设计二、HIML(上)
武汉大学 web程序设计 二、HTML（上） 8 HTML句法结构 ◼ Google首页的部分源代码 Google ... ◼ 另外还有HTML文档主体部分的声明
HTML句法结构 个HTML文档是普通的ASC文本文件,它包含两 类内容:普通的文本、代码或标记。标记(Taq是用 对尖括号“<>”括起来的文本串,例如第一行的 。标记通常具有如下结构: 在标记定义中,“ tagname”是标记名,定义标记的类 型;而“ attributes”为属性,一般标记即可以不定义 属性,也可以定义若干个属性,属性给出了这个元素 的附加信息 武汉大学web程序设计二、HIML(上)
武汉大学 web程序设计 二、HTML（上） 9 HTML句法结构 ◼ 一个HTML文档是普通的ASCII文本文件，它包含两 类内容：普通的文本、代码或标记。标记(Tag)是用一 对尖括号“<>”括起来的文本串，例如第一行的 。标记通常具有如下结构： ◼ 在标记定义中，“tagname”是标记名，定义标记的类 型；而“attributes”为属性，一般标记即可以不定义 属性，也可以定义若干个属性，属性给出了这个元素 的附加信息
HTML句法结构 ■所谓元素( Element),是HTML中的主要构件, 般元素都是由成对的标记组成,例如: Google 单个出现的标记成为“空元素”,例如: ■可以容纳其他元素的元素也称为“容器元素”,例如: Google 武汉大学web程序设计二、HIML(上) 10
武汉大学 web程序设计 二、HTML（上） 10 HTML句法结构 ◼ 所谓元素（Element），是HTML中的主要构件，一 般元素都是由成对的标记组成，例如 ： Google ◼ 单个出现的标记成为“空元素”，例如： ◼ 可以容纳其他元素的元素也称为“容器元素”，例如： Google