`
Vicent_Lee
  • 浏览: 55346 次
  • 性别: Icon_minigender_1
  • 来自: 哈尔滨
社区版块
存档分类
最新评论

html中的tr和td

    博客分类:
  • html
阅读更多
这是在网上找的、这个东西从来也没记过、用的时候上网查一下、查一次就存一下、省的以后再查
 tr 标签——代表HTML表格中的一行
1) tr 标签是成对出现的,以<tr>开始,</tr>结束
2)属性
 ——Common -- 一般属性
 1》align :代表行的水平对齐方式(left(左对齐) | center(居中对齐) |right(右对齐) | justify)(此属性应该使用CSS实现)
 2》valign :代表行的垂直对齐方式(top(顶部对齐) | middle(中部对齐) | bottom(下部对齐) | baseline(基线对齐))(此属性应该使用CSS实现)
tr是table row的缩写
 
    td 标签——代表HTML表格中的一个单元格 
      1)td 标签是成对出现的,以<td>开始,</td>结束        2)属性             1》Common -- 一般属性             2》abbr -- 代表表头的简写        3》axis -- 对单元格在概念上分类             4》colspan -- 一行跨越多列             5》headers -- 连接表格的数据与表头             6》rowspan -- 一列跨越多行             7》scope -- 定义行或列的表头             8》align -- 代表水平对齐方式(left(左对齐) | center(居中对齐) | right(右对齐) | justify)(此属性应该使用CSS实现)             9》valign -- 代表垂直对齐方式(top(顶部对齐) | middle(中部对齐) | bottom(下部对齐) | baseline(基线对齐))(此属性应该使用CSS实现)  td是table data cell的缩写  <table>代表表格</table>         <tr>代表表格中的一行</tr>         <td>代表表格中的一列</td>
     tr 与 td 交成一个单元格
    <table>...</table>之间有多少个<tr>,就有多少行     <tr>...</tr>之间有多少个<td>,就有多少列

 

标题行标记<TH>

在表格中,往往把表头部分用粗体表示,我们也可以直接使用<TH>取代<TD>建立表格的标题行。

标题行标记其实和<TD>标记一样,只是默认使用粗体文字和置中对齐排列。

 

 

例子:
<table width="80%" border="1">
<tr>
<th>www.dreamdu.com</th>
<th>.com域名的数量</th>
<th>.cn域名的数量</th>
<th>.net域名的数量</th>
</tr>
<tr>
<td>2010</td>
<td>01</td>
<td>23</td>
</tr>
<tr>
<td>shen</td>
<td>xiao</td>
<td>jun</td>
</tr>
</table>
分享到:
评论
1 楼 泛泛evil 2012-06-13  
总结的非常好啊.....

相关推荐

    html中使用tr和td标签作出简单的静态表格

    html中使用tr和td标签作出简单的静态表格,适用用于参考

    JS操作table的tr/td

    js操作HTML增加删除TR/TD (学前班级别的哈!)

    动态添加html<tr>和<td>

    我觉得挺好用,可以试下!我觉得挺好用,可以试下!我觉得挺好用,可以试下!我觉得挺好用,可以试下!

    html中删除table中当前tr

    在table中的tr中的td中有一个超链接,点击之后会删除超链接所在的行

    jQuery+ajax实现动态添加表格tr td功能示例

    本文实例讲述了jQuery+ajax实现动态添加表格tr td功能。分享给大家供大家参考,具体如下: 功能:ajax获取后台返回数据给table动态添加tr/td html部分: &lt;tbody&gt;&lt;/tbody&gt; ajax部分: var year = $('#year').val...

    JQuery操作tr和td内容的方法实例

    本文介绍了“JQuery操作tr和td内容的方法实例”,需要的朋友可以参考一下

    JS动态添加Table的TR,TD实现方法

    本文实例讲述了JS动态添加Table的TR,TD实现方法。分享给大家供大家参考。具体实现方法如下: 代码如下:&lt;html&gt;  &lt;head&gt; &lt;title&gt;&lt;/title&gt; [removed] var tempRow=0; var maxRows=0; ...

    jquery根据td给相同tr下其他td赋值的实现方法

    html代码: &lt;td&gt;分配&lt;/a&gt;&lt;/td&gt; js代码: 方法一: $(obj).parent("td").parent("tr").find("td:eq(4)").html('未消费'); 方法二: ...$(obj).parent("td").parent("tr").find("td").eq(2).html('fou

    html转pdfHTML导出PDF中文、ITEXT转HTML为PDF包括中文显示解决方案

    html += " &lt;td&gt;2006-04-28&lt;/td&gt;"; html += " &lt;/tr&gt;"; html += " &lt;tr&gt;"; html += " 纳税人编号&lt;/th&gt;"; html += " &lt;td&gt;HSJIHKS002&lt;/td&gt;"; html += " &lt;/tr&gt;"; html += " &lt;tr&gt;"; html += " 有效标志&lt;/th&gt;"; ...

    js遍历td tr等html元素

    如何使用js实现遍历html元素比如:tr td等,本文将提供实现代码,需要了解的朋友可以参考下

    IText Html生成PDF支持中文、英文和数字换行

    经过大牛修改后的core-renderer.jar,当把HTML转化成PDF时支持table的td中的中文、英文和数字自动换行,table必须添加样式table-layout:fixed;word-break:break-strict;

    html表格<table></table>

    html表格 &lt;tr &gt; &lt;td rowspan="2"&gt; &lt;/td&gt; &lt;td&gt; 第二行的单元格 &lt;/td&gt; &lt;td&gt; 第三行的单元格 &lt;/td&gt; &lt;/tr&gt; &lt;tr &gt; &lt;td colspan="2" align="center"&gt; 第二行的单元格 &lt;/td&gt; &lt;/tr&gt; &lt;tr ...

    使用HTML开发商业网站-创建表格课件.pptx

    定义表格中的单元格,嵌套在&lt;tr&gt;&lt;/tr&gt;中 创建table表格,离不开以下3对标签: 表格 &lt;!doctype html&gt; &lt;html&gt; 表格 ....... &lt;/html&gt; &lt;tr&gt; &lt;td&gt;品牌&lt;/td&gt; &lt;td&gt;型号&lt;/td&gt; &lt;td&gt;颜色&lt;/td&gt; &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;华为&lt;/td&gt; ...

    ajax实例大全 很实用的!

    &lt;tr&gt;&lt;td&gt;&lt;a href="1.2/postalcode.html"&gt;1.2根据邮政编码获取地区信息&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;&lt;a href="1.3/tree.html"&gt;1.3动态树形列表&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;&lt;a href="1.4/select_menu.html"&gt;1.4多级联动菜单&lt;/a&gt;...

    HTML基本标签属性总结

    table-tr-td 规整数据 form-table-tr-td 表单布局 块标签:基本块级标签 标题:h1-h6 段落:p 水平线:hr 常用布局标签 有序:ol-li 无序:ul-li 定义描述:dl-dt-dd 分区:div 表格:table-...

    jquery查找tr td 示例模拟

    今天有人在群里突然问我$(“#MainContent_GridView1”).closest(“tr”).children... 我模拟了一个table出来,给大家参考,下面是html结构 代码如下: ”MainContent_GridView1″&gt; &lt;tbody&gt; &lt;tr&gt; &lt;td&gt;1&lt;/td&gt; &lt;td&gt;2&lt;/td&gt;

    js动态控制table的tr、td增加及删除的具体实现

    html: 代码如下: ’wifi_clients_table’ xss=removed class=”table&gt; &lt;thead&gt; &lt;tr class=”success”&gt; 序号&lt;/th&gt; 机器名&lt;/th&gt; &lt;th&gt;IP地址&lt;/th&gt; &lt;th&gt;MAC地址&lt;/th&gt; 上行/下行速率&lt;/th&gt; &lt;/tr&gt; &lt;/thead&gt; &lt;tbody&gt; ...

    JSP图书管理系统

    tushu是本书最一章的综合案例程序,在运行前请正确配置JDK和Tomcat,然后再复制tushu文件夹到Tomcat的webapps\examples 文件夹下即可。 本项目仅用于学习目的。读者若对项目有问题 请和我一起交流: ...

    Web前端开发基础:制作江湖游网页.ppt

    &lt;td&gt;和&lt;/td&gt;表示一个单元格的起始和结束,也可以说表示一行中包含了几列 基本语法 &lt;table&gt; &lt;tr&gt; &lt;td&gt;单元格内的文字&lt;/td&gt; &lt;td&gt;单元格内的文字&lt;/td&gt; …… &lt;/tr&gt; &lt;tr&gt; &lt;td&gt;单元格内的文字&lt;/td&gt; &lt;td&gt;单元格内的文字&lt;/...

    登录页面html

    登录页面html &lt;TR&gt; &lt;TD colSpan=4&gt;&nbsp;&lt;/TD&gt; &lt;/TR&gt; &lt;TR height=30&gt; &lt;TD width=380&gt;&nbsp;&lt;/TD&gt; &lt;TD&gt;&nbsp;&lt;/TD&gt; &lt;TD&gt;&nbsp;&lt;/TD&gt; &lt;TD&gt;&nbsp;&lt;/TD&gt; &lt;/TR&gt; &lt;TR height=40&gt; &lt;TD rowSpan=4&gt;&nbsp;&lt;/TD&gt; ...

Global site tag (gtag.js) - Google Analytics