html td trr th 标记分别表示什么？

来源：蜘蛛抓取(WebSpider) 时间：2012-03-26 19:20 标签： html td tr
网站表格行与列定义方法 html中tr与td标签标准-鸿运通网站建设
8年从业经验 做网站找鸿运通深圳咨询热线：0755-
广州咨询热线：020- &全国免费热线:
企业网站方案
营销网站策划
服装网站方案
外贸网站方案
网站配色方案
客户常见问题
网站表格行与列定义方法 html中tr与td标签标准
作者: 技术员
来源: 鸿运通网站建设
浏览次数: 8566次
th和td标签tr标签内的th和td标签会在一行中创建单元格及其内容。这两个标签类似，惟一的区别是浏览器会生成一个用粗体样式标记的文本表头，另外内容的默认的对齐方式也可能和数据的对齐方式不同。数据通常会默认左对齐，可是文本表头会在中间对齐。和表格行标签tr中的其他标签一样，单元格标签支持很丰富的样式和内容对齐属性，这样你可以将它们用于单个数据或是表头单元格。这些属性会覆盖掉原来的当前行的默认值。还有一些特殊的属性，可以控制单元格在表格中跨越的行或列的数目。&th&和&td&标签也支持节中所述的那些通常的表格属性。tr和td标签中的内容可以是你可以放置到文档主体中的任何东西，包括文字、图像、表单，等等，甚至可以是另一个表格。如前面所说的那样，浏览器会自动创建一个在垂直方向和水平方向上足够大的表格，用来显示所有单元格的内容。如果有一行的表头或是数据条目比其他行的少，浏览器会在该行尾部添加一些空的单元格来填满一行。如果需要在一行的尾部之前添加空白单元格，例如，需要指明一个空白数据时，可以创建一个没有内容的表头或数据单元格。如果表格有边框的话，空白单元格会和其他包括数据或表头的单元格看上去不一样，空白单元格不会在窗口上有浮雕效果，它只是空白的一片。如果你想创建一个具有和其他表格单元格一样雕刻效果的单元格，那就在单元格中放上最少的内容吧，例如一个简单的&br&标签就可以了。对齐方式align和valign属性的用法和表格行标签(&tr&，中的align和valign属性几乎一样，除下面这一点外:当用在&th&或&td&标签中的时候，这两个属性控制的只是当前单元格中内容的水平和垂直对齐方式。它们的值会覆盖&tr&标签中的align和valign属性所设置的对齐方式，但是它不会影响后面的单元格的对齐方式。可以将align属性值设为left, nigh。或是center，相应地，浏览器会将单元格内容分别靠左边缘对齐，靠右边缘对齐，或是放在表格的中间。valign属性的值可以是top(默认值)、bottom, middle或者baseline，它们会告诉浏览器将单元格内容靠上边框、下边框，在单元格的中间，还是对准行中其他单元格的第一行的基线文章引用：
国家工信部增值电信业务经营许可证ICP.SP 粤B2-&&& ICP备案:深圳市博众意网络科技有限公司,(香港公司)鸿运通网络有限公司 . 地址：深圳市布吉中房怡芬花园AD202（大芬地铁站A1出口）Copyright
.LTD ALL RIGHT RESERVED.&& 全国免费热线：&&表格标记符
用HTML创见表格的基本语法格式如下：
&caption&表格标题&/caption&
&&th&表格头1&/th&
&&td&表格数据1&td&
&&th&表格头2&/th&
&&td&表格数据2&/td&
1.&table&和&/table&标签
&table&标签是定义表格的总标记，成对出现。&table&和&/table&分别定义一个表格的开始和结束。表格的标题和内容都要包含在&table&和&/table&标签之中。可以在&table&标签中用相关属性进一步设置表格。
（1）border属性：用来设置表格的边框宽度，以像素为单位。
如border=2表示边框为2个像素，如果不包含border属性，则默认无边框。
（2）align属性：用来设置表格在文档中的对齐方式。可选取值为left、right、center，分别表示将表格定义在网页的左端、右端和使表格居中。
（3）width属性：用来设置表格在浏览器的宽度。可以是像素，也可以是百分比形式。如果不设，浏览器会自行确定。
（4）height属性：用来设置表格在浏览器中的高度。设置方式与宽度类似。
（5）bgcolor属性：用来设置表格的背景颜色。取值为十六进制数值。
2.&caption&属性
&caption&和&/caption&用来在表格中设置表格标题，必须放在表格的开头处。可以在&caption&和&/caption&之间使用行内标签进一步格式化，如使用&strong&和&/strong&。它的常用属性为对齐属性align，可以选取值为top、bottom、right、left和middle。
3.&tr&标签
表格的定义顺序是首先定义表的一行，&tr&和&/tr&用来定义一个表格行，成对出现。表格行中所有内容必须在&tr&和&/tr&之间。&tr&最常用的两个属性：&align&和&valign&
（1）align属性：定义单元格内容的水平对齐方式，与&table&标签的该属性相同。
（2）valign属性：定义单元格内容的垂直对齐方式，可选择值top（顶端对齐）、middle（居中对齐）、bottom（底部对齐）。
4.&th&标签
&th&和&/th&用来设置表格中标题单元格文字通常是黑体居中显示。为确保表格中每列对齐，应在每行包含相同单元格。除了通用属性之外，rowspan和colspan是它最常用的属性。
5.&td&标签
&td&和&/td&用来在表格中定义数据单元格。如果一个表格中某个单元格的内容很长，可以使用&br&标签强制换行。再依次定义第二行的单元格。表的列由每行包含的单元格数目自动计算得到。
&td&的常用属性有width、colspan和nowrap属性。
（1）width属性：设置单元格宽度，单位用像素或总宽度的百分比。
（2）colspan属性：设置一个单元格所占的列数（缺省值为1）。若属性值为0，表明该单元格占用所有列。最好明确指明所占的列数。
（3）rowspan属性：设置一个单元格所占的行数（缺省值为1）。若属性值为0，标明该单元格占用所有行。
（4）nowrap属性：禁止单元格的内容自动换行。
例题：表格制作练习
&head&&title&表格练习&/title&&/head&
&table width="303" height="129"
border="4"&
&tr bgcolor="#ffff00"&
colspan="4"&
align="center"&&strong&&font
color="#ff0000"
size="5"&成绩单&/div&
align="center"&姓名&/td&&/div&
align="center"&性别&/td&&/div&
align="center"&数学&/td&&/div&
align="center"&英语&/td&&/div&
&&td&张三&/td&
&&td&男&/td&
&&td&80&/td&
&&td&75&/td&
&&td&李四&/td&
&&td&女&/td&
&&td&85&/td&
&&td&90&/td&
已投稿到：
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。访问本页面，您的浏览器需要支持JavaScriptThe browser needs JavaScript to continue第2章 html网页制作_百度文库
两大类热门资源免费畅读
续费一年阅读会员，立省24元！
文档贡献者贡献于
评价文档：
56页免费25页免费23页免费23页免费45页免费 76页免费50页免费45页1下载券21页免费27页免费
喜欢此文档的还喜欢29页免费2页免费50页免费
第2章 html网页制作|
把文档贴到Blog、BBS或个人站等：
普通尺寸(450*500pix)
较大尺寸(630*500pix)
大小：1.49MB
登录百度文库，专享文档复制特权，财富值每天免费拿！
你可能喜欢HTML语言中TR、TH和TD有什么区别？_百度知道
HTML语言中TR、TH和TD有什么区别？
提问者采纳
TH&与&TD&同样是标示一个储存格,唯一不同的是&TH&所标示的储存格中的文字是以粗体出现,即可以这样看：
&th&文字&/th&=&td&&b&文字&/b&&/td&
---------------------------------------------------------------------------------------
&table&是&tr&的上层标签
&tr&必须在一个&table&&/table&里面,它不能单独使用,相当于&table&的属性标签.
&table&标示一个表格,&tr&标示这个表格中间的一个行
&td&标示行中的一个列,需要嵌套在&tr&&/tr&中间
具体格式是:(两行两列)&table&&tr&&td&&/td&&td&&/td&&/tr&&tr&&td&&/td&&td&&/td&&/tr&&/teble&&th&和&td&一样,也是需要嵌套在&tr&当中的,&tr&嵌套在&table&当中
&table&...&/table& 用于定义一个表格开始和结束
&th&...&/th& 定义表头单元格。表格中的文字将以粗体显示，在表格中也可以不用此标签，&th&标签必须放在&tr&标签内
&tr&...&/tr& 定义一行标签，一组行标签内可以建立多组由&td&或&th&标签所定义的单元格
&td&...&/td& 定义单元格标签，一组&td&标签将将建立一个单元格，&td&标签必须放在&tr&标签内
其他类似问题
html语言的相关知识
等待您来回答
下载知道APP
随时随地咨询
出门在外也不愁

我要回帖

更多关于 html td tr 的文章

 

随机推荐