1.给图片加上alt属性:
<img src="logo.gif" alt="我的公司logo,点击返回首页" />
2.给所有属性值加引号,不同属性之间用引号分开:
<hr width="75%" size="7" />
3.关闭所有标签
<br />
4.收藏夹小图标
首先制作一个16x16的icon图标,命名为favicon.ico,放在根目录下,然后将下面的代码嵌入head区:
<link rel="icon" href="/favicon.ico" type="image/x-icon" />
<link rel="shortcut icon" href="/favicon.ico" type="imge/x-icon" />
<meta content="all" name="robots" />使用robots.txt管理搜索引擎搜索内容
<meta name="author" content="zhangsufeng@gmail.com,张素丰" />站点作者信息
<meta name="Copyright" content="http://www.yusoft.com/" />站点版权信息
<meta name="description" content="YUSoft 宇软公司 长江大学软件乐园" />站点简介
<meta name="keywords" content="YUSoft,">站点的关键字
5.css定义字体:
body{font-family : "Lucida Grande",Verdana,Lucida,Arial,Helvetica,宋体,sans-serif;}
Lucida Grande字体适合Mac OS X
Verdana字体适合所有的Windows系统;
Lucida适合UNIX用户
"宋体"适合中文简体用户
6.定义链接样式(注意定义的先后顺利不能出错,否则显示的效果有可能不同):
<style type="text/css">
a:link {
font-weight : bold;
text-decoration : none;
color:#00FF00;
}
a:visited {
font-weight : bold;
text-decoration : none;
color:#FF6600;
}
a:hover {
font-weight : bold;
text-decoration : underline;
color:#FF0000;
}
a:active {
font-weight : bold;
text-decoration : none;
color:#0000FF;
}
</style>
6.所有标签的元素和属性的名字都必须使用小写
<BODY>必须写成<body>
DreamVeaver自动生成的"onMouseOver"必须全部修改为"onmouseover"
7.记住特殊符号的编码表示:
< <
> >
& &
空格
8.给所有属性值赋一个值
<td nowrap>必须写为
<td nowrap="nowrap">
9.定义横向菜单的关键:
定义<li>样式时加上"FLOAT:left;"语句
去掉黑点:list-style:none;
10.横向居中:
#divName{
width:760px;
margin:0 auto;
}