HTML表格

浏览数：29 / 时间：2015年06月09日

<img>

在HTML中图像由 <img> 标签定义，它是空标签，只包含属性。要在网页上显示图片需要使用源属性（src）如<img src="图片地址" />；

alt 属性用来将图片替换文本的，在图片无法呈现出来的情况下将以文本的形式呈现出来，如<img src="boat.gif" alt="Big Boat">；

背景图片：<body background（背景）="图片地址"></body>；

对齐图片：<img src="图片地址" align（对齐）="bottom（底部）"> ；

链接图片：<a href="网址"><img border（边境）="0" src="图片地址" /></a>；

调节图片尺寸：<img src="图片地址" width（宽）="50" height（高）="50">；

将图片转换为图片映射：<a href="/网址"><img src="图片地址" ismap /></a>；

<table>

表格由 <table> 标签来定义，行由 <tr> 标签定义，单元格由 <td> 标签定义，表格的表头使用 <th> 标签进行定义，没有内容的单元格在有的网络上将无法显示，在中间加上一个 （如<td> </td>）即可呈现。no-breaking 空格由和号开始 ("&")，然后是字符"nbsp"，并以分号结尾(";");

没有边框表格：<table border="0"><tr><td>100</td><td>200</td><td>300</td></td></table>；

表格中的表头：1、横向表头：<table border="1"><tr><th>姓名</th><th>电话</th></tr><tr><td>小短</td><td>123321321</td></tr></table> ；

2、垂直表头：<table border="1"><tr><th>姓名</th><td>小短</td></tr><tr><th>电话</th><td>123321321</td></tr></table>；

空白表格：<table border="1"><tr><td>内容</td></tr><tr><td>（注：在此处加上 即可呈现边框）</td></tr></table>；

带有标题的表格：<table border="6"（注：数字越大边框越粗）><caption>我的标题</caption><tr><td>100</td><td>200</td><td>300</td></tr></table>；

表格合并： 1、跨列：<table border="1"><tr><th>姓名</th><th colspan（列编程术语）="2"（注：数字越大跨列越多）>电话</th></tr><tr><td>小短</td><td>123321123</td><td>123321123</td></tr></table>；

2、跨行：<table border="1"><tr><th>姓名</th><td>小短</td></tr><tr><th rowspan（行宽）="2"（注：数字越大跨行越大）>电话</th><td>123321123</td></tr><tr><td>123321123</td></tr></table>；

表格内标（表格内部编辑）：<table border="1"><tr><td><p>内容</p><p>内容</p> </td>

<td>这个单元包含一个表格：<table border="1"><tr><td>A</td><td>B</td></tr><tr><td>C</td><td>D</td></tr></table> </td></tr><tr><td>这个单元包含一个列表:（黑圆点按钮排列）<ul><li>苹果</li><li>香蕉</li><li>菠萝</li></ul></td><td>HELLO</td></tr></table>；