网站建设与实训Html 基础知识文档格式.docx
《网站建设与实训Html 基础知识文档格式.docx》由会员分享，可在线阅读，更多相关《网站建设与实训Html 基础知识文档格式.docx（28页珍藏版）》请在冰点文库上搜索。
keywords用来告诉搜索引擎你网页的关键字是什么。
举例：
metaname=”keywords”content=”河北金融学院，国际经济贸易系，电子商务“>
2〉description简介
description用来告诉搜索引擎你网站的主要内容。
举例：
metaname=”description”content=”本页面介绍了河北金融学院国际经济贸易系的情况”>
3〉robots机器人向导
说明：
robots用来告诉搜索引擎那些页面需要索引，那些页面不需要索引。
Content的参数有all.None.Index.Noindex.Follow.nofollow,默认为all.
metaname=”robots”content=”none”>
注意：
metaname="
robots"
content="
all|none|index|noindex|follow|nofollow"
>
来确定:
设定为"
all"
时文件将被检索，且页上链接可被查询;
none"
则表示文件不被检索，而且不查询页上的链接;
index"
时文件将被检索;
follow"
则可查询页上的链接;
noindex"
时文件不检索，但可被查询链接;
nofollow"
则表示文件不被检索，但可查询页上的链接.
4>
author（作者）
标注网页的作者。
举例：
metaname=”author”content=”abc,abc@”>
（2）http-equiv属性
常用类型有：
1〉expires期限
可以用于设定网页的到期时间。
一旦网页过期，必须到服务器上从新下载调阅。
metahttp-equiv=”expires”content=”wed,3Nov200416:
30:
41gmt”>
注意：
必须使用gmt时间格式。
2〉pragma（cach模式）
禁止浏览器在本地机的缓存中调阅叶面内容。
metahttp-equiv=”pragma”content=:
”no-cache”>
这样设定，访问者将无法脱机浏览。
3〉refresh（刷新）
定时让网页自动链接到其他网页。
metahttp-equiv=”refresh”content=”5;
url=”>
其中5是指停留5秒后自动刷新至新url网址。
4〉（cookie设定）
如果网页过期，那么存盘的cookie将被删除。
用法：
metahttp-equiv="
set-cookie"
Mon,12May200100:
20:
00GMT"
cookie设定，如果网页过期，存盘的cookie将被删除。
需要注意的也是必须使用GMT时间格式
METAHTTP-EQUIV="
Set-Cookie"
CONTENT="
cookievalue=xxx;
expires=Wednesday,21-Oct-9816:
14:
21GMT;
path=/"
注意：
必须使用GMT的时间格式。
5>
Window-target（显示窗口的设定）
说明：
强制页面在当前窗口以独立页面显示。
＜METAHTTP-EQUIV="
Window-target"
_top"
＞
注意：
用来防止别人在框架里调用你的页面。
Content选项：
_blank、_top、_self、_parent。
"
_blank"
是链接文件在新的窗口中打开，你可以做其他设置。
将“_blank”改为“_parent”是链接文件将在当前窗口的父级窗口中打开；
改为“_self”链接文件在当前窗口（帧）中打开；
改为“_top”链接文件全屏显示。
6>
Content-Type（显示字符集的设定）
设定页面使用的字符集。
＜METAhttp-equiv="
Content-Type"
text/html;
charset=gb2312"
游览器会根据此来调用相应的字符集显示page内容
7>
Pics-label（网页等级评定）
在IE的Internet选项中有一项内容设置，可以防止浏览一些受限制的网站，而网站的限制级别就是通过该参数来设置的。
＜METAhttp-equiv=”Pics-label”contect=”（PICS-1.1"
http:
//www.gcf.org/v2.5"
labelson"
1994.11.05T08:
15-0500"
until"
1995.12.31T23:
59-0000"
for"
//w3.org/PICS/Overview.html"
ratings（suds0.5density0color/hue1））
”＞
不要将级别设置的太高。
8>
页面进入和退出的特效（例1）
用法：
Page-Enter"
revealTrans（duration=x,transition=y）"
<
Page-Exit"
说明：
这个是页面被载入和调出时的一些特效。
duration表示特效的持续时间，以秒为单位。
transition表示使用哪种特效，取值为1-23:
0矩形缩小
1矩形扩大
2圆形缩小
3圆形扩大
4下到上刷新
5上到下刷新
6左到右刷新
7右到左刷新
8竖百叶窗
9横百叶窗
10错位横百叶窗
11错位竖百叶窗
12点扩散
13左右到中间刷新
14中间到左右刷新
15中间到上下
16上下到中间
17右下到左上
18右上到左下
19左上到右下
20左下到右上
21横条
22竖条
23以上22种随机选择一种
1.5.<
base>
标签（例）
使用<
标签最主要的原因，是为了确保文档中所有的相对URL都可以被分解成正确的文档地址，即使在文档本身被移动或重命名的情况下也可以正确解析。
在创建文档集合时，使用<
标签尤为重要。
通过在每个文档中放置正确的<
标签，就可以在目录甚至服务器之间移动整个文档集合，而不会破坏文档中任何链接
比如直接copy网上一个html文件的源文件下来，存成本地文件，打开往往图片的地址找不到。
这时可以使用basetag
Forexample,giventhefollowingBASEdeclarationandAdeclaration:
!
DOCTYPEHTMLPUBLIC"
-//W3C//DTDHTML4.01//EN"
"
//www.w3.org/TR/html4/strict.dtd"
HTML>
HEAD>
TITLE>
OurProducts<
/TITLE>
BASEhref="
/HEAD>
BODY>
P>
Haveyouseenour<
Ahref="
../cages/birds.gif"
BirdCages<
/A>
?
/BODY>
/HTML>
1.6.<
说明了html文件的主体部分，所有需要在浏览器上显示的文本及标识符都应该放置在这里。
通过使用以下属性可以对网页进行修饰。
1〉text属性指明整个文档的所有文本的颜色；
2〉bgcolor属性指明文档的背景颜色；
3〉background属性指明背景图像文件的url；
4〉bgproperties属性指明背景图像是否随着文档的滚动而滚动，其值为fixed，则保持固定不动；
5〉link属性指明文档中还未问访问过的超文本链接的颜色。
6〉alink属性指明单击超文本链接时超文本链接的颜色；
7〉vlink属性指明文档中已经被访问过的超文本链接的颜色；
8〉topmargin属性以像素为单位指明这个文档上边的边缘大小
9〉leftmargin属性以像素为单位指明整个文档左边的边缘大小
1.7<
--…..-->
指明注释，用于在html中进行一些功能说明或在用于某些简单的浏览器时，可以用于隐藏不支持的客户端脚本语句和css语句。
可以在html文件的任何部位加入注释，一个注释也可以分成许多行。
当文件太大时，添加大量的注释是一种标明文件各部分功能的好办法，以便以后能记住文件究竟是干什么的。
1.8<
doctype>
序
指明html的版本。
该标识必须放在html文档的第一行，但并不常用，如<
Doctypehtmlpublic”-//w3c//dtdhtml4.0final//en>
2文本修饰
2.1设置文本字体
2.1.1<
basefont>
指明所有文档的基础字体大小，有以下属性：
1〉color属性指明文档文本的颜色。
2〉face属性指明文档文本的字体。
3〉size属性是一个1~7之间的整数，自小而大，用于指明字体的大小。
2.1.2<
font>
/font>
以一种指定的字体格式化文本。
其属性有：
1〉color属性指明字体的颜色。
2〉face属性设置文本的字体。
3〉size属性是一个1~7之间的整数或相对值如-1，用于指明字体的大小。
2.1.3<
h#>
/h#>
用来指定个部分标题，其中#代表1~6之间的数字，自大至小，其属性有：
align属性，其值是left，center和right控制对其方式。
2.2调整文本显示格式
2.2.1调整文本对齐方式与文本显示格式一般通过改变文本的对齐方式.控制文本的显示样式进行
（1）文本缩进
<
blockquote>
/blockquote>
标识（例2）
（2）使文本/图像居中
center>
/center>
标识（例3）
2.2.2设置文本隔离
（1）文本换行
通过在需要中断的文本后设置<
br>
实现中断，与其功能相反的是<
nobr>
/nobr>
用于阻断行
（2）段落设置
html允许在文本中间分段。
p>
/p>
标识自动为文本进行分段，且段与段间有一空行。
有align属性，其值有left.center和right,控制段落对齐方式。
（例4）
*（3）创建文本区域
html允许使用<
div>
/div>
.<
span>
/span>
等标识创建一个文本区域（层），从而能和css一块使用或用于整块文本对齐方式。
这些标识的属性有：
align属性指明在<
定义的区域内文本对齐方式（leftrightcenter）nowrap属性指明在定义的文本区域内，在文本到达某一行结尾时，将不会保持整个单词完整的换行。
2.2.3设置文本的显示样式
（1）预格式化文本标识
pre>
/pre>
使用等宽字体和保留空格与换行符来创建格式化文本，使其按照原文件中的格式显示，其属性width，用于指明文本的宽度。
（例5）
（2）引用格式显示文本
html使用<
cite>
/cite>
标识以引用或参考的形式显示文本（一般以斜体显示）。
（例6）
（3）以程序代码格式显示文本
html使用标识<
code>
/code>
，以程序代码形式显示文本。
（例7）其中代码并不执行
（4）以列表的形式显示格式化文本
menu>
/menu>
标识以菜单列表的形式格式化文本。
（例8）
2.2.4显示滚动文本
marquee>
/marquee>
显示一个滚动的选项框，其间文本可以滚动显示。
属性有：
ALIGN：
用于按设定的值对齐滚动的文本。
ALIGN可以设定的值有：
LEFT，CENTER，RIGHT，TOP，BOTTOM。
此属性不是必须使用的。
例：
MARQUEE
ALIGN="
TOP"
这段滚动文字设定为上对齐<
/MARQUEE>
效果：
这段滚动文字设定为上对齐
BEHAVIOR：
可以在页面上一旦出现文本时让浏览器按照设定的方法来处理文本。
如果设定的方法是SLIDE，那么文本就移动到文档上，并停留在页边距上。
如果设定为ALTERNATE，则文本从一边移动到另一边。
如果设定为SCROLL，文本将在页面上反复滚动。
本属性不是必须使用的。
可以设定的值有：
SILIDE，ALTERNATE，SCROLL。
BEHAVIOR="
ALTERNATE"
文字从一边移动到另一边<
效果：
文字从一边移动到另一边
BGCOLOR：
用于设定字幕的背景颜色。
背景颜色可用RGB、16进制值的格式或颜色名称来设定。
BGCOLOR="
RED"
用颜色名称设定滚动文字背景颜色为红色<
#FF0000"
用16进制值设定滚动文字背景颜色为红色<
BGCOLOR=RGB（100%,0%,0%）>
用RGB设定滚动文字背景颜色为红色<
用颜色名称设定滚动文字背景颜色为红色
DIRECTION：
用于设定文本滚动的方向，可以设定的值有：
LEFT，RIGHT，up,down。
DIRECTION="
LEFT"
文字向左边滚动<
RIGHT"
文字向右边滚动<
文字向左边滚动
文字向右边滚动
HEIGHT：
用于设定滚动字幕的高度，高度可用像素或可视页面的百分比来表示。
HEIGHT="
10%"
滚动字幕的高度是可视页面的10%<
12"
滚动字幕的高度是12像素<
滚动字幕的高度是12像素
WIDTH：
用于设定字幕的宽度，宽度可用像素或可视页面的百分比来表示。
例：
WIDTH="
90%"
滚动字幕的宽度是可视页面的90%<
200"
滚动字幕的宽度是200像素<
滚动字幕的宽度是可视页面的90%
滚动字幕的宽度是200像素
HSPACE：
用于设定滚动字幕左右的空白空间，空白空间用像素表示。
HSPACE="
15"
滚动字幕左右空白空间为15个像素<
滚动字幕左右空白空间为15个像素
VSPACE：
用于设定滚动字幕上下的空白空间，空白空间用像素表示。
VSPACE="
2"
滚动字幕上下的空白空间为2个像素<
滚动字幕上下的空白空间为2个像素
LOOP：
用于设定滚动字幕的滚动次数。
当LOOP的值为"
INFINITE"
或是"
-1"
时，则文字会无限制地滚动。
LOOP="
文字滚动无数次<
5"
文字滚动5次<
效果：
文字滚动无数次
SCROLLAMOUNT：
用于设定每个连续滚动文本后面的间隔，该间隔用像素表示。
例：
SCROLLAMOUNT="
10"
此文本后面的间隔为10个像素<
此文本后面的间隔为10个像素
SCROLLDELAY：
用于设定两次滚动操作之间的间隔时间，该时间以毫秒为单位。
SCROLLDELAY="
此文本两次滚动之间的间隔时间为5毫秒<
此文本两次滚动之间的间隔时间为5毫秒
htmlxmlns="
//www.w3.org/1999/xhtml"
/>
无标题文档<
fontcolor=#FF0000>
marqueebgcolor=yellowheight="
400"
width="
direction=upscrolldelay=150onmouseover="
this.stop（）"
onmouseout="
this.start（）"
网页制作的技巧很多，<
使用滚动字幕，可以使网页生动起来
/P>
滚动字幕是最常用的<
这个方向的滚动可以吗?
MARQUEEbgcolor=redstyle="
WIDTH:
80%;
HEIGHT:
100px"
scrollAmount=2direction=upbehavior=alternate>
MARQUEEdirection=right>
从左向右文字波浪式移动<
html中marquee的属性align的作用
是整个移动对象的组合，也就是你的文字的进入点到出点之间的距离为一个组合，这个组合的位置。
/////////////正在移动文字///////
这个移动的宽度就是一个组合，它位于什么地方~~~~可以左右，也可以上下。
比如||代表网页左右边界，那么（___代表空）
|///////正在移动文////___________________________|
这个就是align=left
|___________________________///////正在移动文////|
就是right
但是如果你的组合的宽度跟网页的边界一样宽，那你很难分辨出你的这个位置的关系~~
看下面这个例子：
tablewidth="
500"
border="
1"
align="
center"
tr>
tdheight="
100"
left"
valign="
top"
marqueescrollamount='
4'
scrolldelay='
100'
direction='
left'
width='
400'
height='
20'
id='
mar1'
onMouseOver=mar1.stop（）onMouseOut=mar1.start（）behavior="
alternate"
fontcolor="
#000000"
水平：
左对齐，垂直：
顶端<
/td>
/tr>
mar2'
onMouseOver=mar2.stop（）onMouseOut
升级会员 