dreamweaver入门.pptVIP

第三章 HTML语言 HTML语言基础 HTML是：Hypertext Marked Language，即超文本标记语言，是一种用来编写超文本文档的简单标记语言。用HTML编写的超文本文档称为HTML文档，它能独立于各种操作系统平台。 超文本标记语言是创建网页时使用的语言。 自1990年以来HTML就一直被用作World Wide Web 的信息表示语言，用于描述Homepage的格式设计和它与WWW上其它Homepage 的连结信息。使用HTML语言描述的文件，需要通过WWW浏览器显示出效果。 　　 现在虽然有各种各样的网页编辑工具可以快速地制作出一个网页。掌握了HTML语言的语法规则后，可以脱离其他工具而对网页编辑工具编辑的网页源代码进行控制和修改。 HTML语言内容丰富，从功能上大体可分为：文本设置、列表建立、文本属性制定、超链接、图片和多媒体插入、对象、表格、表单的操作，以及框架的建立。 和一般文本的不同的是，一个HTML文件不仅包含文本内容，还包含一些Tag，中文称“标记”。 一个HTML文件的后缀名是.htm或者是.html。 用文本编辑器就可以编写HTML文件。 HTML文件被浏览器所解释后就是网页。网页（Web page）由标记（tag）和文本组成。 标记是一些规则，规定了一种结构，允许众多不同的浏览器在几乎所有计算机平台上显示文档。 标记 标记：HTML中用来标识网页元素的类型、格式和外观的文本字符串。 如head， body ， table等 基本模式为： 标记 属性输出内容/结束标记 标记 标记用符号“”和“”括起来。 “”和“”之间是标记元素名及其参数。 参数的具体内容及格式由元素及其相应功能而定。少数元素没有参数。 标记有单标记和双标记两类。凡是单个出现的就是单标记。凡是成对出现的就是双标记。 标记元素不区分大小写。 属性 许多单标记和双标记的始标记内可以包含一些属性， 其语法是： 　 标签名字 属性1 属性2 属性3 … 各属性之间无先后次序，属性也可省略（即取默认值） 例如单标记HR表示在文档当前位置画一条水平线，一般是从窗口中当前行的最左端一直画到最右端。带一些属性： HR SIZE=3 ALIGN=LEFT WIDTH=75% 常用标记 HTML标记 大部分网页文件都是以HTML标记开始的，在文件的结尾处又以/HTML结束 Head标记 HEAD标记之间是HTML文档的头部，用来标明当前文档的有关信息 在HEAD标记之间，使用频率最高的标记是TITLE，它用于定义显示在浏览器标题栏的文档标题。 Body标记 　　网页的主体是“BODY……/BODY”标记对作用的范围 一般HTML文档都必须包含HTML、HEAD、BODY这三种元素。 HTML/HTML在最外层， 表示这对标记间的内容是HTML文 档。HEAD/HEAD 之间包括文档的头部信息，如文档总标题等。BODY/BODY 标记， 表示正文内容的开始。 超文本文档分文档头和文档体两部分，超文本文档的基本结构。 HTML 　　　HEAD 　　　　　文 档 头 　　　/HEAD 　　　BODY 　　　　文 档 主 体 　　　/BODY /HTML 注意：HEAD与BODY为独立的两个部分，不能互相嵌套。 head标记中的基本内容： HTML头部信息里包含关于所在网页的信息。头部信息里的内容，主要是被浏览器所用，不会显示在网页的正文内容里。 head标记中的基本内容： 1．title标题/title 它不显示在HTML网页正文里，显示在浏览器窗口的标题栏里。 2．meta信息:用来描述网页的有关信息。在服务器和客户之间传达隐含信息。 其中最重要的设置： HTTP-EQUIV ：设置或者获取content中的内容，并把内容添加入HTTP的响应头中。 Content:META信息的内容。 用以说明主页制作所使用的文字以及语言。 在文件头head和/head中插入代码： meta http-equiv=“Content-Type” content=“text/html; charset=gb2312” 指定了当前文档所使用的字符编码为gb2312，也就是中文简体字符。 利用meta中的Refresh你还可以实现自动跳转页面的功能。示例代码： meta http-equiv=Refresh content=5;url=/html/html_tutorials/index.html meta标签的一个很重要的功能就是设置关键字，来帮助你的主页被各大搜索引擎登录，提高网站访问量。 body标记中的基本内容： body标签中的内容都是在浏览器中可以被看到的内容。除HEA