常用HTML代码


发文章的时候,文章中可加入html代码,实时上,我们允许文章中使用任意的html,css,javascript代码,无论是静态的还是动态的,简单的还是复杂的,包括滤镜甚至其它的特殊效果,只要你熟悉它们,并且能确保不会因为搞错代码而导致页面变形。详细的html,css,javascript代码教程可以自行从网上下载,这里不再详述。

不过,通常情况下,我们不需要弄得很复杂,以下是一些常用的网页代码,记住这些就可以不必借助网页制作工具而直接写出需要的效果。

目录
- 文字链接
- 图片
- 带链接的图片
- 改变文字颜色、大小
- 文字加粗
- 表格的写法
- 跳转的写法


文字链接
代码:<a href=参数1:页面的链接地址>参数2:文字写在这里</a>
举例:<a href=http://www.beareyes.com.cn>首页</a>
效果:
首页
图片
代码:<img src=参数1:图片链接地址>
举例:<img src=http://image1.beareyes.com.cn/joytlun/img/111.gif>
效果:
带链接的图片
代码:<a href=参数1:页面的链接地址><img src=参数2:图片链接地址></a>

举例:
<a href=http://www.beareyes.com.cn>
<img src=http://image1.beareyes.com.cn/joytlun/img/111.gif></a>

效果:

如果不想要边框,加一个参数即可:
<a href=http://www.beareyes.com.cn>
<img src=http://image1.beareyes.com.cn/joytlun/img/111.gif border=0></a>

效果:


改变文字颜色、大小
代码: <font color=颜色 size=尺寸>文字内容</font>
举例:<font color=red size=6>红色大字</font>
效果:红色大字
文字加粗
代码:<b>文字内容</b>
举例:<b>字体加粗</b>
效果:字体加粗

如果把上述文字颜色尺寸和加粗结合起来,就是
举例:<font color=red size=6><b>红色大字,字体加粗</b></font>
效果:红色大字,字体加粗


表格的写法
基本代码:
<table border=1>
<tr>
 <td>第1行第1格</td>
 <td>第1行第2格</td>
 <td>第1行第3格</td>
</tr>
<tr>
 <td>第2行第1格</td>
 <td>第2行第2格</td>
 <td>第2行第3格</td>
</tr>
</table>
颜色控制
<tr bgcolor=yellow>
设定某行的底色
<td bgcolor=yellow>
设定某单元格的底色

举例:

<table border=1>
<tr>
 <td>第1行第1格</td>
 <td>第1行第2格</td>
 <td bgcolor=yellow>第1行第3格</td>
</tr>
<tr bgcolor=yellow>
 <td>第2行第1格</td>
 <td>第2行第2格</td>
 <td>第2行第3格</td>
</tr>
</table>

效果:
第1行第1格 第1行第2格 第1行第3格
第2行第1格 第2行第2格 第2行第3格

跳转的写法:
<meta http-equiv="refresh" content="0;url=http://bj.beareyes.com.cn">
其中http://bj.beareyes.com.cn改成你要跳转去的地址