静态网页设计实训.pptVIP

第一章 HTML静态网页设计实训 一、本章学习目的 1.了解HTML标记语言的运行环境 2.掌握HTML标记语言基本语法的格式及功能 3.学会用HTML标记语言解决实际问题 二、本章主要内容 1.HTML标记语言入门及基本操作 2.清单和条目标记 3.HTML语言超链接 4.HTML的表格和表单 5.图像和框架应用操作 6.多媒体操作 实训1 HTML标记语言入门及基本操作 实训目的 1.了解HTML标记语言的运行环境 2.熟悉HTML标记语言的编辑工具 3.掌握HTML语言的基本结构 4.学会HTML基本标签的使用方法 HTML简介： HTML(Hyper Text Mark-up Language) 是一种简单的、基于文本的语言，是网页制作的基础。它使用一系列标记，创建可被浏览器使用的文本，它不是一种真正的计算机语言，而是一种描述语言。 HTML的运行环境： HTML文件是运行在Web浏览器上的。浏览器有很多种，目前最常用的两种浏览器是IE(Internet Explorer)和NC(Netscape Communicator)。 HTML的编辑工具： 根据HTML语法所写出来的文件称为HTML文件。在保存HTML文件时需保存为纯文本文件，并用.html或.htm作为扩展名。因为HTML文件是一个文本文件，所以可以使用任何一个文本编辑器进行编辑。例如可以用Windows中的记事本来编辑HTML文件。 HTML文件的基本结构： HTML基本标签的使用方法： 点击此处查看HTML中基本标签的使用方法 注意：Meta标签的用法 META?标签，是?HTML?语言?head?区的一个辅助性标签。在几乎所有的网页里，我们都可以看到类似下面这段?html?代码：????head??META?http-equiv=“Content-Type”?content=“text/html;?charset=gb2312”??/head??　　?这就是?META?标签的典型运用。它对网站发展非常重要，可以用于鉴别作者，设定页面格式，标注内容提要和关键字，以及刷新页面等等。 META?标签分两大部分：?HTTP-EQUIV? 和?NAME?变量。 ●?meat?标签的?NAME?变量语法格式是：??　??META?NAME=“xxx”?CONTENT=“xxxxxxxxxxxxxxxxxx”??　　?其中?xxx?主要有下面几种参数：??　　?1.Keywords(?关键字?，用来告诉搜索引擎你网页的关键字是什么。）??　?例：??META?NAME?=keywords?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,none,index,noindex,follow,nofollow?，默认是?all?。??例：??META?NAME=robots?CONTENT=none??　　 其中的属性说明如下： 设定为all：文件将被检索，且页面上的链接可以被查询； 设定为none：文件将不被检索，且页面上的链接不可以被查询； 设定为index：文件将被检索； 设定为follow：页面上的链接可以被查询； 设定为noindex：文件将不被检索，但页面上的链接可以被查询； 设定为nofollow：文件将不被检索，页面上的链接可以被查询。 ?4.author( 标注网页的作者?）?　?例：??META?name=“AUTHOR”?content=“ajie,ajie@”??其中最重要的是?Keywords?和?description?的设定。?? 这两个语句可以让搜索引擎能准确的发现你，吸引更多的人访问?你的站点。 根据现在流行搜索引擎?(Lycos?，?AltaVista?等??）的工作原理?,?搜索引擎首先派出机器人自动在?www?上搜索，当发