HTMLCSSJavaScript网页制作从入门到精通[整理].pdfVIP

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