网页基础语言-HTML语言介绍.ppt

第1章 网页基础语言——HTML语言 商业网页设计与制作 第1章 网页基础语言——Html语言 一、 实训项目一 用HTML创建最简单Web页 (一) 实训目的与要求： 用HTML语言编写的HTML文档 （1）手工直接编写(如用ASCII文本编辑器或其他HTML编辑工)。 （2）通过某些格式转换工具将现有的其他格式文档(如Word文档)转换成HTML文档。 （3）由Dreamweaver?MX 2004或FrontPage2000一方实时动态生成。 第1章 网页基础语言——HTML语言 （二）实训预备知识 HTML文档分为文档头和文档体两部分。 文档头：对这个文档进行了一些必要的定义； 文档体：是要显示的各种文档信息，通常，由三对标签来构成一个HTML文档的框架。 第1章 网页基础语言——HTML语言 1、文档结构 html head 头部信息 /head body 文档主体，正文部分 /body /html 第1章 网页基础语言——Html语言 html标签：放在HTML文件最开头，告诉浏览器，这个文件是HTML文件。 /html语句作为结束标签。 head…/head标签：一般放在html标签的后，是用来标明文件的题目或定义头部信息。若不需要头部信息则可省略此标签。 第1章 网页基础语言——HTML语言 title…/title标签是用来设定文件的标题的，是在head…/head标签中最常出现的标签。浏览器通常都会将文件标题显示在浏览器窗口的标题栏左边。 body…/body标签一般都是用来指明HTML文档里主要文字的，例如标题、段落，列表等，也可以用来定义主页背景颜色。body标签一般不可省略，表示正文内容的开始。 第1章 网页基础语言——Html语言 2. 文件名 HTML文档是普通的ASCII码文档，可以用任何文本编辑器打开和编辑，但必须保存成扩展名为.htm或.html的文档才能被浏览器识别。 Word、Frontpage、Dreamweaver等编辑工具可以将文本保存为这两种格式。 Windows中“记事本”编辑工具对已编辑好的文本文件在另存为时“保存类型”选“所有文件”，“文件名”中直接输入扩展名为.htm或.html的文件名保存。 第1章 网页基础语言——HTML语言 3. HTML标签 在HTML文档中，标签是一种文本分界符，用来把文档分割成段落、标题等不同的逻辑部分。浏览器就是通过标签来识别对象的。 标签以“”和“”符号进行标识，标签内容描述了不同对象的属性，如字体、颜色、大小、位置等。浏览器顺序读取标签内容并加以解释转换后便形成了具有外观特征的可视对象。 第1章 网页基础语言——HTML语言 1）单标签 某些标签只需单独使用就能完整地表达意思，称为“单标签”，这类标签的语法是： 标签… 最常用的单标签是p，它表示一个段落(paragraph)的结束，并在段落后面加一空行。 第1章 网页基础语言——HTML语言 2）双标签 “双标签”，它由始标签和尾标签两部分构成，必须成对使用。其中始标签告诉Web浏览器从此处开始执行该标签所代表的功能，始标签前加一个斜杠“/”即成为尾标签，表示结束该功能。 标签内容/标签 如： b我的主页/b 浏览器读入这段信息后，即将“我的主页”这句话变成粗体显示。 第1章 网页基础语言——HTML语言 3）标签属性 许多单标签和双标签的始标签内可以包含一些属性，其语法格式是： 始标签 属性1 属性2 属性3…… 各属性之间无先后次序，属性也可省略(即取默认值)。 例如：hr 表示在文档当前位置画一条水平线(horizontal line)。 第1章 网页基础语言——HTML语言 又如：hr size=2 align=center width=250 其中：size属性定义线的粗细； align属性表示对齐方式，可取left、center、right； width属性定义线的长度，可取绝对值(用整数表示的屏幕像素点的个数，如