网页设计参考手册
<html>
<head>
(空开为了整齐)<title>(这里放题目) </title>
(这里放头元素)
</head>
<body>
(这里放内容)
</body>
</html>
注意:数个空格=一个空格
最后别忘了把后缀改为html或htm
<!-- 注释内容--> 文章中不会显示,检查代码时使用
html语言不区分大小写
HTML
meta设置(元信息标记)
<meta>放在head里
属性:
name
描述网页
<meta name="keywords" content=""> 搜索引擎查找的关键字,可设置多个,中间用”,”隔开
<meta name="description" content=""> 在搜索引擎中的描述(页面秒素),可设置多个,中间用”,”隔开
<meta name=”generator” content=””> 编辑软件(如Dreamweaver CS4)
<meta name=”author” content=””> 设定作者信息
<meta name=”robots” content=””> 显示搜索方式
all
页面将被检索,且页面上的链接可以被查询
none
页面不能被检索,且页面上的链接不可以被查询
index
页面将被检索
follow
页面上的链接可以被查询
noindex
页面不能被检索
nofollow
页面上的链接不可以被查询
貌似是用于显示搜索引擎不要搜索限制用户权力,已经删除等页面
http-equiv
设置网页文字及语言
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
charset 设置网页内码语系(字符集类型)
命令是让网页自动转换为此字符集类型显示(相当于解码),实际应参考本身网页字符集类型(相当于编码)
设置网页自动跳转
<meta http-equiv="refresh" content="3;url=" /> 3秒后自动跳转到百度
<meta http-equiv="refresh" content="3" /> 3秒自动刷新网页(如果不设置地址,就会成为自动刷新网页)
设置网页过渡效果
<meta http-equiv="page-enter" content="revealtrans(duration=3,transition=22)" />
http-equiv="page-enter" 进入效果 http-equiv="page-exit“退出效果
duration=过渡时间 transition=过渡方式
效果:
0
盒装收缩
8
垂直百叶窗
16
从中间向上下两端展开
1
盒装放射
9
水平百叶窗
17
从右上角向左下角展开
2
圆状收缩
10
水平格状百叶窗
18
从右下角向左上角展开
3
圆状放射
11
垂直格状百叶窗
19
从左上角向右下角展开
4
由下往上
12
随意溶解
20
从左下角向右上角展开
5
由上往下
13
从左右两端向中间展开
21
水平线状展开
6
从左至右
14
从中间向左右两端展开
22
垂直线状展开
7
从右至左
15
从上下两端向中间展开
23
随机产生一种过渡方式
设置网页到期时间
<meta http-equiv=”expires” content=”时间”> 略
禁止从缓存中调用
<meta http-equiv=”cache-control” content=”no-cache”> 略
删除过期的cookie
<meta http-equiv=”setcookie” content=”时间”> 略
强制打开新窗口
<meta http-equiv=”windows-target” content=”_top”> 略
base
设计基底网址标记略
body设置
<body bgcolor=””> 设置页面背景色
<body background="地址" bgproperties=”fixed”(背景固定,可选)> 设置背景图片
margin 设置内容与浏览器边框的距离
<body topmargin/leftmargin=””> 距离上/左边框距离
<body text=" "> 文字颜色
<body link="" al
网页设计参考手册 来自淘豆网m.daumloan.com转载请标明出处.
