HTML静态网页设计实训

《HTML静态网页设计实训》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第一章HTML静态网页设计实训一、本章学习目的1.了解HTML标记语言的运行环境2.掌握HTML标记语言基本语法的格式及功能3.学会用HTML标记语言解决实际问题二、本章主要内容1.HTML标记语言入门及基本操作2.清单和条目标记3.HTML语言超链接4.HTML的表格和表单5.图像和框架应用操作6.多媒体操作实训1HTML标记语言入门及基本操作实训目的1.了解HTML标记语言的运行环境2.熟悉HTML标记语言的编辑工具3.掌握HTML语言的基本结构4.学会HTML基本标签的使用方法HTML简介：HTML(HyperTextMark-upLanguage)是一种简单的、基于文本的语言，是网页制

2、作的基础。它使用一系列标记，创建可被浏览器使用的文本，它不是一种真正的计算机语言，而是一种描述语言。HTML的运行环境：HTML文件是运行在Web浏览器上的。浏览器有很多种，目前最常用的两种浏览器是IE(InternetExplorer)和NC(NetscapeCommunicator)。HTML的编辑工具：根据HTML语法所写出来的文件称为HTML文件。在保存HTML文件时需保存为纯文本文件，并用.html或.htm作为扩展名。因为HTML文件是一个文本文件，所以可以使用任何一个文本编辑器进行编辑。例如可以用Windows中的记事本来编辑HTML文件。HTML文件的基本结构：HTML基本标签

3、的使用方法：点击此处查看HTML中基本标签的使用方法注意：Meta标签的用法文件正文文件开始文件头文件标题文件体文件结束META标签，是HTML语言head区的一个辅助性标签。在几乎所有的网页里，我们都可以看到类似下面这段html代码：----------------------------------------------- < head> < META http-equiv=“Content-Type” content=“text/html;charset=gb2312

4、”> < /head> -----------------------------------------------这就是META标签的典型运用。它对网站发展非常重要，可以用于鉴别作者，设定页面格式，标注内容提要和关键字，以及刷新页面等等。META标签分两大部分：HTTP-EQUIV和NAME变量。●meat标签的NAME变量语法格式是：< META NAME=“xxx” CONTENT=“xxxxxxxxxxxxxxxxxx”>其中xxx主要有下面几种参数：1.Keywords(关键字 ，用来告诉搜索引擎你网页的关键字是什么。）  　 例：< META NAME ="keywords

5、" CONTENT="life, universe, mankind, plants, relationships, the meaning of life, science">2.description(简介，用来告诉搜索引擎你的网站主要内容。）  　 例：< META NAME=“description” CONTENT=“This page is about the meaning of life, the universe, mankind and plants.”>3.robots(机器人向导 ，用来告诉搜索机器人哪些页面需要索引，哪些页面不需要索引。）CONTENT的参数有all

6、,none,index,noindex,follow,nofollow，默认是all。例：< META NAME="robots" CONTENT="none">其中的属性说明如下：设定为all：文件将被检索，且页面上的链接可以被查询；设定为none：文件将不被检索，且页面上的链接不可以被查询；设定为index：文件将被检索；设定为follow：页面上的链接可以被查询；设定为noindex：文件将不被检索，但页面上的链接可以被查询；设定为nofollow：文件将不被检索，页面上的链接可以被查询。4.author(标注网页的作者 ） 　 例：< META name=“AUTHOR” conte

7、nt=“ajie,ajie@netease.com”>其中最重要的是Keywords和description的设定。  这两个语句可以让搜索引擎能准确的发现你，吸引更多的人访问 你的站点。根据现在流行搜索引擎(Lycos，AltaVista等  ）的工作原理,搜索引擎首先派出机器人自动在www上搜索，当发现新的网站时，便检索页面中的keywords和decription，并将其加入到自己的数据库