您现在的位置: 365建站网 > 365学习 > [html] a href mailto a name table bgcolor align border ro

[html] a href mailto a name table bgcolor align border ro

文章来源:365jz.com     点击数:445    更新时间:2009-09-24 22:32   参与评论

<HTML>
<body>


<a href ="mailto:zjuqiaomu@foxmail.com?subject=hello world"> 发送邮件给乔木</a>
</br>
这是一个复杂点的发送邮件:
<a href = "mailto:ziuqiaomu@foxmail.com?cc=zjuqiaomu@foxmail.com&bcc=pqiaomutest@gmail.com
&subject=HELLO%20WORLD&body=You%20are invited to the summer party"> 发送邮件 </a>

链接到当前页的定义了label的section:

<a href = "#c1"> 查看第一章</a></br>
<a href = "#c2"> 查看第二章</a></br>

<a href = "www.cctv.com" target = "_blank">CCTV </a></br>
<a href = "www.csdn.net" target = "_top"> CSDN </a>

定义两个label:
<h2><a name = "c1">Chapter 1</a></h2>
<p>This chapter explains ba bla bla</p>

<h2><a name = "c2">Chapter 2</a></h2>
<p>This chapter explains ba bla bla</p>

caption: 表格标题或者描述

&nbsp;  空白符号 (no-breaking space)

<caption>&nbsp;&nbsp;&nbsp;牛人简介</caption>
<table border="6" bgcolor="green">    //bgcolor
  <tr>                                        //talbe row(tr)
  <th align="left">Name</th>      //align
  <th>Adress</th>
  <th>Telephone</th>          //table head (th)
  </tr>

  <tr>
  <td>Bill Gates</td>   // table data (td)
  <td align = "center">u.s.a</td>
  <td>15267848531</td>
  </tr>

  <tr>
  <td align = "center">QiaoMu</td>
  <td bgcolor = "yello">CN</td>
  <td>&nbsp;</td>         //必须的,否则一些浏览器无法显示边框
  </tr>
</table>
</br>

<table border="1" background = "E:\相册\卡通\卡卡西.jpg">  // background VS imgage
  <tr>
  <th>Name</th>
  <td> QiaoMU </td>
  </tr>
 
  <tr>
  <th rowspan="2"> Friends</th>   // rowspan & colspan
  <td> James</td>
  </tr>
  <tr>                            //本表格一共3行NOT2
  <td> Jim </td>                 
  </tr>
</talbe>          //纵向table

</br>


<table border="1" cellpadding = "20" cellspacing = "30"> // cellpadding : 内容和边框距离
  <tr>
  <th> Name </th>                                                  // cellspacing: 单元格的距离
  <td> BillGates</td>
  </tr>
</table>
</body>
</html>
==================================

效果图:

 

如对本文有疑问,请提交到交流论坛,广大热心网友会为你解答!! 点击进入论坛


发表评论 (445人查看0条评论)
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
用户名: 验证码: 点击我更换图片
最新评论
------分隔线----------------------------