发布时间:2023-10-30 22:12来源:www.sf1369.com作者:宇宇
标准模板代码
<!DOCTYPE html>
<html>
<head>
<meta charset=utf-8>
<title>标题</title>
</head>
<body> 内容</body>
</html>
一个模仿百度首页的模板
<!doctype html><html><head><meta charset=utf-8><title>百度首页</title></head> <body><table> <tbody> <tr> <td style=width:100%;text-align: center ><img src= height=130px width=280px></td> </tr> <tr> <td style=width:100%;text-align: center><a href=#>新闻</a><a href=# style=margin-left:40px;>网页</a><a href=# style=margin-left:40px;>贴吧</a> <a href=# style=margin-left:40px;>知道</a> <a href=# style=margin-left:40px;>音乐</a> <a href=# style=margin-left:40px;>图片</a> <a href=# style=margin-left:40px;>视频</a> <a href=# style=margin-left:40px;>地图</a> </td> </tr> <tr> <td style=width:100%;text-align: center><input type=text/><button style=margin-left:30px;margin-top:20px;>百度一下</button></td> </tr> </tbody></table> </body></html>
给这个标签单独加css样式
html{filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);color:#000000;}
把这个样式加到你的样式表里。
head区是指HTML代码的<head>和</head>之间的内容。
必须加入的标签:
公司版权注释 <!--- The site is designed by EHM,Inc 07/2005 --->;
网页显示字符集。
简体中文:<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=gb2312">
繁体中文:<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8">
英 语:<META HTTP-EQUIV="Content-Type" CONTENT="text/html; charset=utf-8">
网页制作者信息 <META name="author" content="webmaster@maketown.com">
网站简介 <META NAME="DESCRIPTION" CONTENT="xxxxxxxxxxxxxxxxxxxxxxxxxx">
搜索关键字 <META NAME="keywords" CONTENT="xxxx,xxxx,xxx,xxxxx,xxxx,">
网页的css规范 <LINK href="../css/style.css" rel="stylesheet" type="text/css">
网页标题 <title>xxxxxxxxxxxxxxxxxx</title>
可以选择加入的标签:
设定网页的到期时间。一旦网页过期,必须到服务器上重新调阅。
<META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT">
禁止浏览器从本地机的缓存中调阅页面内容。
<META HTTP-EQUIV="Pragma" CONTENT="no-cache">
用来防止别人在框架里调用你的页面。
<META HTTP-EQUIV="Window-target" CONTENT="_top">
自动跳转。
<META HTTP-EQUIV="Refresh" CONTENT="5;URL=http://www.yahoo.com"> 5指时间停留5秒
网页搜索机器人向导。用来告诉搜索机器人哪些页面需要索引,哪些页面不需要索引。
<META NAME="robots" CONTENT="none">CONTENT的参数有all,none,index,noindex,follow,nofollow。默认是all。
收藏夹图标
<link rel = "Shortcut Icon" href="favicon.ico">
所有的javascript的调用尽量采取外部调用。
<SCRIPT LANGUAGE="JavaScript" SRC="script/xxxxx.js"></SCRIPT>
附<body>标签:
<body>标签不属于head区,这里强调一下,为了保证浏览器的兼容性,必须设置页面背景<body bgcolor="#FFFFFF">