码迷,mamicode.com
首页 > Web开发 > 详细

HTML表格

时间:2015-04-29 23:10:05      阅读:183      评论:0      收藏:0      [点我收藏+]

标签:

  <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> 标签进行定义,没有内容的单元格在有的网络上将无法显示,在中间加上一个&nbsp;(如<td>&nbsp;</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>(注:在此处加上&nbsp;即可呈现边框)</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>;
                                            
    技术分享
   单元格边距(cellpadding):<table border="1" cellpadding="10"(数字越大越大)><tr><td>编辑内容</td><td>编辑内容</td></tr><tr> <td>编辑内容</td><td>编辑内容</td></tr></table>  ;
   单元格间距(cellspacing):<table border="1"cellspacing="10"(数字越大间距越大)><tr><td>编辑内容</td><td>编辑内容</td></tr></table>;
   向表格添加背景颜色:<table border="1" bgcolor(背景颜色)="red"><tr><td>编辑内容</td><td>编辑内容</td></tr></table>;
   向表格添加背景图像<table border="1" background(背景)="/i/eg_bg_07.gif"><tr><td>First</td><td>Row</td></tr></table>;

HTML表格

标签:

原文地址:http://www.cnblogs.com/yxmm/p/4467630.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!