这是我前半年学习HTML总结的过几天还有CSS和JavaScript的笔记，希望对你们有帮助
HTML网页制作技巧
技巧1 制作带背景音乐的网页
在相应的位置加入代码<embed src="yinyue.mid" width="300" height="200" autostart=ture controls="middleconsole">
技巧2 设置每隔一定时间自动刷新网页
在<head>与</head>之间输入一下代码
<meta http-equiv="refresh" content="10; url=http://自己的url ">
技巧3 提高站点在搜索引擎中被搜索到的机会
当把站点登记到搜索引擎中后，并不表示站点就会经常被搜索到，如何提高这个几率呢?很简单，主页一般会有一个标题，设置在
<title></title>中间，这时可以在设置完标题后，把关键字也设置在这里。
技巧4 让站点自动跳转到另一页
<meta http-equiv="refresh" content="5; url=http://www.gluu5.com/index.htm ">
content中的5为停留的秒数，http://www.gluu5.com/index.htm 是将要跳转的页面。
技巧5 避免自己的图片被其他站点利用
为图片起一个很怪的名字，这样可以避免被搜索到，还可以利用Photoshop的水印功能加密。当然，也可以在自己的图片上加上一段
版权文字，如标上自己的名字。因为文字本来就在图片上，除非使用人截取图片，不然就是侵权。
技巧6 不用表格而准确地分隔图片和文字
在页面中想要分隔图片和文字，利用表格是非常好的方法，还可以制作一个透明的 gif图像，因为图像是透明的，就可以用它分隔图片
和文字，当然要注意透明图像的大小。
技巧7 跳到页面的顶部
如果一个页面太长，当浏览者浏览到页面底部后，需要提供一个链接，让浏览者方便地跳回页面的顶部，可加入以下代码。
<a href="#top">返回顶部</a>
技巧8 在一个站点的不同页面播放同一个声音文件
当访问一个站点的首页时，会听到该页面设置的背景声音文件，如一段音乐。当链接到该站点的另一页时，音乐就停止了。如何让声音不断呢？只需要建立一个上下框架结构的网页，把声音文件放在框架里，并把下框架的宽度设置为1像素，而上框架里是页面内容，当访问者离开站点首页时，因下框架内容未变，所以声音不会间断。这要注意两点：第一，把框架的边框设置为0；第二，隐藏声音文件的播放界面，然后把上下两个框架的背景设置为相同。
技巧9 清除页面中的框架结构
在链接属性中加入target="_top"，如下设置。
<a ，target="_top">清除页面中的框架结构</a>
当单击了这个链接，页面中所有框架会被清除并以该链接内容替代。
技巧10 防止站点页面被任意链接
有许多好的站点页面会被其他站点任意链接，如果不希望别人直接链接到站点内部去，可以经常更换页面文件名。如每十天改一次，这样可以有效的防止别人的任意链接。
技巧11 为文字链接加上提示
一般可以为图片加上文字提示，即 alt=图片。如何为文字链接加上文字提示呢？只需在<a>中加入title标签，如：<a href=http://www.sina.com/" title="新浪网页">新浪</a>。
技巧12 删除图片链接的蓝色边框
如果图片设置了链接，会发现图片四周出现了蓝色边框。要删除边框，需要在图片里加入border="0"， 如：<img src="12.jpg" border=0>。
技巧13 让浏览器正确显示word格式文件
为了正确处理word等格式文件，需要在HTML文件中设置好该文件类型，如：<meta http-equiv="content-type" content="application/msword">
技巧14 利用水平线制作垂直线
插入水平线的方法很简单：<hr size="1">。如何让它垂直呢？更简单：<hr size="200" width="1">。
技巧15 正确选择JPG和GIF图片格式
目前在网络上的图片准格式为JPG和GIF。当图片颜色数很多时，就选择JPG，它的压缩比高，而GIF适合颜色较少的图片。
技巧16 正确使用分隔线
这里假设需要分隔页面左右两部分的内容，先利用表格工具拖出一个1行3列的表格，把内容分别放置到左右两个单元格中，然后把中间的单元格宽度设置为1像素，并填入所需要的颜色，还要把所有表格及单元格的大小单位都设置为像素即可。
技巧17 去除页面四周的空白
在<body>里面加入代码“ leftmargin="0" topmargin="0" ，为了适应浏览器最好再加上代码” marginheight="0" marginwidth="0" ”。
技巧18 去除浏览器的滚动条
去除浏览器的滚动条可加入代码： <body scroll=no>。
去除水平滚动条：<body style="overflow-x:hidden">。
去除垂直滚动条：<body style="overflow-y:hidden">。
这是我辛辛苦苦记得笔记，希望朋友们转载的时候标记原文地址
http://yangchaoxuejava.blog.163.com |
|
收藏
淘帖
踩
