HIML基础 使用HTML的可以创建 口发布包括标题、正文、表格甚至照片的联机文档; 口可以通过超链标记将所建的文档与其他联机文档建 立访问关联; 口设计浏览器表单进行远程交互服务,如査找信息 进行预订、购置产品等: 可以将电子表格、视频剪辑,声音节目和其他多媒 体信息包括在HTML文档中。 武汉大学web程序设计二、HIML(上)
武汉大学 web程序设计 二、HTML（上） 6 HTML基础 ◼ 使用HTML的可以创建： ❑ 发布包括标题、正文、表格甚至照片的联机文档； ❑ 可以通过超链标记将所建的文档与其他联机文档建 立访问关联； ❑ 设计浏览器表单进行远程交互服务，如查找信息、 进行预订、购置产品等； ❑ 可以将电子表格、视频剪辑，声音节目和其他多媒 体信息包括在HTML文档中
HTML句法结构 武汉大学web程序设计二、HIML(上)
武汉大学 web程序设计 二、HTML（上） 7 HTML句法结构
HTML句法结构 Google首页的部分源代码 <html> <head> <meTahttp-equiVe"ConteNt-typE"coNteNt="teXt/htMl charset=GB2312> <title>Google</title> </head> 另外还有HTML文档主体部分的声明。 <body bgcolor=#iiif text=#000000 link=# 0000cc vlink=551a8b alink=#if000o onLoad=sfo> <center> 武汉大学web程序设计二、HIML(上)
武汉大学 web程序设计 二、HTML（上） 8 HTML句法结构 ◼ Google首页的部分源代码 <html> <head> <META HTTP-EQUIV="content-type" CONTENT="text/html; charset=GB2312"> <title>Google</title> ... </head> ◼ 另外还有HTML文档主体部分的声明。 <body bgcolor=#ffffff text=#000000 link=#0000cc vlink=551a8b alink=#ff0000 onLoad=sf()> <center>
HTML句法结构 个HTML文档是普通的ASC文本文件,它包含两 类内容:普通的文本、代码或标记。标记(Taq是用 对尖括号“<>”括起来的文本串,例如第一行的 <htm>。标记通常具有如下结构: <tagneme attribute 1=value1 attribute2=value2.> 在标记定义中,“ tagname”是标记名,定义标记的类 型;而“ attributes”为属性,一般标记即可以不定义 属性,也可以定义若干个属性,属性给出了这个元素 的附加信息 武汉大学web程序设计二、HIML(上)
武汉大学 web程序设计 二、HTML（上） 9 HTML句法结构 ◼ 一个HTML文档是普通的ASCII文本文件，它包含两 类内容：普通的文本、代码或标记。标记(Tag)是用一 对尖括号“<>”括起来的文本串，例如第一行的 <html>。标记通常具有如下结构： <tagneme attribute1=value1 attribute2=value2…> ◼ 在标记定义中，“tagname”是标记名，定义标记的类 型；而“attributes”为属性，一般标记即可以不定义 属性，也可以定义若干个属性，属性给出了这个元素 的附加信息
HTML句法结构 ■所谓元素( Element),是HTML中的主要构件, 般元素都是由成对的标记组成,例如: <title> Google</title> 单个出现的标记成为“空元素”,例如:<br> ■可以容纳其他元素的元素也称为“容器元素”,例如: <head> <meTahttp-equiV="ConteNt-typE"coNteNt="texT/htMl charset=GB2312> <title> Google</title> </head> 武汉大学web程序设计二、HIML(上) 10
武汉大学 web程序设计 二、HTML（上） 10 HTML句法结构 ◼ 所谓元素（Element），是HTML中的主要构件，一 般元素都是由成对的标记组成，例如 ： <title>Google</title> ◼ 单个出现的标记成为“空元素”，例如：<br> ◼ 可以容纳其他元素的元素也称为“容器元素”，例如： <head> <META HTTP-EQUIV="content-type" CONTENT="text/html; charset=GB2312"> <title>Google</title> ... </head>