`

html的tr和td标签

    博客分类:
  • jsp
阅读更多
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>
分享到:
评论

相关推荐

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

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

    HTML基本标签属性总结

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

    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

    ajax实例大全 很实用的!

    &lt;tr&gt;&lt;td&gt;&lt;a href="2.6/tab_page.html"&gt;2.6切换标签页&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td class="item"&gt;第三章 电子商务应用&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;&lt;a href="3.1/register.html"&gt;3.1注册表单验证&lt;/a&gt;&lt;/td&gt;&lt;/tr&gt; &lt;tr&gt;&lt;td&gt;...

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

    创建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; &lt;td&gt;mate40pro&lt;/td&gt; &lt;td&gt;亮黑色&lt;/td&gt; &lt;/...

    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; ...

    HTML中table表格标签的基础学习教程

    &lt;td&gt;标签用于定义表格的列,&lt;td&gt;标签为又是&lt;tr&gt;标签的子类,因此每个行都需要设置相应数量的&lt;td&gt;标签来分割列,形成一个完整的表格。表格的标签组合关系为: XML/HTML Code复制内容到剪贴板   &lt;tr&gt;  &lt;td&gt;我是...

    JSP+Struts+JSTL+EL新闻发布系统jsp

    前台制作采用标签制,分为系统标签和用户自义义标签两种,系统标签是自代的,用户不可以修改,而自定义标签则是用户根据相应的功能自己定制出来的,固此,可以自行删除或修改! 4、秉承JAVA开源理念,本新闻发布系统...

    HTML+CSS及表单知识 软件条件:VSCode、Goole浏览器

    步骤二:div-sign先建立form,里面采用tr-td-input-td-tr的形式建立表单;form设置为autocomplete="on"使input标签实现内容自动记忆补全,input根据内容选择相应的类型,table放标签button实现注册按钮 步骤三:对于...

    HTML thead 标签定义和用法详细介绍

    –把前两行视为头部区域–&gt; &lt;tr&gt; &lt;td rowspan=”2″&gt;&lt;/td&gt; &lt;td rowspan=”2″&gt;&lt;/td&gt; &lt;td rowspan=”2″&gt;&lt;/td&gt; &lt;td colspan=”3″&gt;&lt;/td&gt; &lt;td scope=”col” colspan=”2″ rowspan=”2″&gt;&lt;/td&gt; &lt;/tr&gt; &lt;/thead&gt; ...

    JavaWeb——HTML基础标签table标签与form标签的学习与理解

    tr是行标签, td是单元格标签, th是字体居中加粗的单元格标签, b是字体加粗标签 下面制作一个3*3的表格,放置在页面中心,边框厚度为2,宽度为500,单元格内没有间距,并每一行使用不同的效果 规整的表格 1.1 ...

    双击取得页面标签的html(取得标签源文件)(纯js的)

    没事的时候自己写的,js的,页面中标签的内容(源文件)都可以取得,不过我过滤了一些,譬如tr\td\li\ul\body\html\input等,通IE\Firefox、Opera浏览器,如果有需要可以自己改过滤函数。给大家做个这方面的参考吧。

    微信小程序-将html文件转为微信小程序用的wxml文件

    body,article,aside,ul,li,ol,caption,dd,dl,dt,footer,header,nav,section,table,thead,tbody,tr,td,th,h1,h2,h3,h4,h5,h6,div,p 将img转化为image 将a转化为navigator 将span,s,b,i,strong转化为text 安装...

    微信小程序-微信小程序渲染html

    , &lt;tr&gt;, , &lt;td&gt;等表格标签 标签转`` HTML entities 七牛图片裁剪 自定义插件 不支持&lt;form&gt;, ,等表单元素. 使用方法 请参考pages/index目录里的文件. 拷贝html-view目录到你的项目. 在页面的js/wxml/wxss中, ...

    jquery 隐藏与显示tr标签示例代码

    废话少说 直接上代码 代码是程序员交流的最好方式 哈哈: 代码如下: &lt;&#37;@ page language=”java” import=”java.util.*” pageEncoding=”UTF-8″%&gt; &lt;...DOCTYPE HTML PUBLIC “-//W3C//DTD HTML 4.0

    jsoup-1.7.3源代码

    3 创建可靠的文档结构(html标签包含head 和 body 在head只出现恰当的元素) 一个文档的对象模型 1 文档由多个Elements和TextNodes组成 以及其它辅助nodes 2 其继承结构如下:Document继承Element继承Node ...

    JavaWeb实验报告.doc

    Java Web实验报告 Java Web Experiment Report 学生所在学院: 学院 学生所在班级: 学 生 姓 名 : 学 号 : 指 导 教 师 : 月 一、客户端开发设计:系统设计 一、实验目的 掌握Html的语法和用法,能制作简单的...

    html&css;&JavaScript;基础笔记

    1. 表格——&lt;table&gt;&lt;tr&gt;&lt;th&gt;&lt;td&gt; 7 2. table的属性 7 3. 表格分列——水平分列和竖直分列 7 Body体里面的标签——表单 8 1. 表单标签——get、post 8 2.表单控件——&lt;input type=“text/password/checkbox/file.....

    jquery动态添加带有样式的HTML标签元素方法

    &lt;tr&gt; &lt;td xss=removed align=right&gt;上传计划单&lt;/td&gt; &lt;td xss=removed&gt;&lt;input type=file name=file style=display:inline; width:180px;/&gt; &lt;button type=button class=btn btn-success btn-xs style=...

    统计折线图-柱状图-饼图纯html-charts插件

    统计折线图-柱状图-饼图纯html-charts插件 第三方引入charts图表库,原生html、js、cs,在线生成数据图表 纯js方法组装数据,设置到图表模型。生成图表 ...table表格可以增加行列,及增加tr、td标签

Global site tag (gtag.js) - Google Analytics