HTML CSS JavaScript 网页制作从入门到精通.docVIP

HTML(Hyper Text Markup Language)，是网页超文本标记语言，不是编程语言，而是一款描述性的标记语言，用于描述超文本中内容的显示方式。 HTML基本标记 一个完整的HTML文档必须包括3个部分：一个由html元素定义的文档版本信息，一个由head定义各项声明的文档头部和一个由body定义的文档主体部分。head作为各种声明信息的包含元素出现在文档顶端，并且要先于body出现。而body用来显示文档主体内容。 认识HTML标记 html标记：它放在HTML的开头，表示网页文档的开始。 head标记：出现在文档的起始部分，标明文档的头部信息，一般包括标题和主题信息，其结束标记/head指明文档标题部分的结束。 body标记：用来指明文档的主体区域，网页所要显示的内容都放在这个区域。 保存：用记事本编辑语言之后，保存的扩展名为.html或.htm 一般用Dreamweaver编写HTML文件 在网页中单击鼠标右键——查看源文件，即可查看代码。 正文 1、HTML头部标记head 语法：head??/head 说明：head元素的作用范围是整篇文档。head元素中可以有meta元信息定义、文档样式表定义和脚本等信息，定义在HTML语言头部的内容往往不会直接显示在网页上。 2、标题标记title 语法：title??/title 说明：即页面标题 3、元信息标记meta 3.1设置页面关键字 语法：meta name=”keywords” content=”输入具体的关键字” 说明：在搜索引擎中，检索信息是通过输入关键字来实现的。该语法中，name 为属性名称，这里是keywords.也就是设置网页的关键字属性，而在content中则定义具体的关键字。 3.2设置页面说明 语法：meta name=”description” content=”设置页面说明” 说明：在content中定义具体的描述语言，页面说明也是为了便于搜索引擎的查找，它用来详细说明网页的内容，页面说明在网页中不显示出来。 3.3定义编辑工具 语法：meta name=”generator” content=”编辑软件的名称” 举例：meta name=”generator” content=”FrontPage” 3.4设置作者信息 语法：meta name=”author” content=”作者的姓名” 3.5设置网页文字及语言 语法：meta http-equiv=”content-type” content=”text/html; charset=字符集类型”/ 说明：http-equiv用于传送HTTP通信协议的标头，而在content中才是具体的属性值。Charset用于设置网页的内码语系，也就是字符集的类型，国内常用的是GB码，charset往往设置为gb2312即简体中文。英文是ISO-8859-1字符集。 3.6设置网页的定时跳转 语法：meta http-equiv=”refresh” content=”跳转的时间；URL=跳转的地址” 举例： html head meta http-equiv=”refresh” content=”20；url=index1.html” title网页的定时跳转/title /head body 20秒后自动跳转 /body /html 默认时跳转时间以秒为单位，refresh表示网页的刷新。 4、网页主体标记body 4.1网页背景色bgcolor 语法：body bgcolor=”背景颜色” 举例： html head meta http-equiv=”content-type” content=”text/html; charset=gb2312”/ title页面背景颜色/title /head body bgcolor=”#FF99FF” /body /html 4.2网页背景图片background 语法：body background=”图片的地址” 举例：body background=”images/12.JPG” 图片的地址可以是绝对的，也可以是相对的，默认的为平铺。 4.3文字颜色text 语法：body text=”文字的颜色” 在没有对文字的颜色进行单独定义时，这一属性可以对页面中所有的文字起作用。 4.4链接文字属性link、alink、vlink 语法：body link=”颜色” 举例：body link=”#993300” alink=”#0066FF” vlink=”#000000” Alink是正在访问的文字颜色， vlink访问后的链接文字的颜色 4.5边距margin 语法：body topmargin=”上边距的值” leftmargin=”