网站制作中TR、TH和TD的区别

对于网站制作技术来说,一种是用DIV来做的,一种是用表格来排版的,虽然东莞网站制作公司建议大家做网站采用DIV技术,不过,这不妨碍表格建站有很大的市场,并且事实上表格制作的网站表现也是很好的,不管对于排名还是显示(事实上,表格网站显示方面可能会更好,更加兼容)。

步骤/方法

  • 01

    关于<tr>标签 <table>是<tr>的上层标签 <tr>必须在一个<table></table>里面,它不能单独使用,相当于<table>的属性标签. <tr>...</tr> 定义一行标签,一组行标签内可以建立多组由<td>或<th>标签所定义的单元格。 <table>标示一个表格,<tr>标示这个表格中间的一个行 <td>标示行中的一个列,需要嵌套在<tr></tr>中间 这里是一个例子:(两行两列) <table> <tr> <td>www.ihuby.com</td> <td>www.vvoov.com</td> </tr> </teble>

  • 02

    关于<th>标签 <th>和<td>一样,也是需要嵌套在<tr>当中的,<tr>嵌套在<table>当中 <th>...</th> 定义表头单元格。表格中的文字将以粗体显示。<TH>与<TD>同样是标示一个储存格,唯一不同的是<TH>所标示的储存格中的文字是以粗体出现,即可以这样看: <th>网站制作</th>的显示效果相当于<td><b>文字</b></td> 在表格中也可以不用此标签,不过如果使用的话,<th>标签必须放在<tr>标签内

  • 03

    关于<td>标签 <td>...</td> 定义单元格标签,一组<td>标签将将建立一个单元格, <td>标签必须放在<tr>标签内。 <th>为表格标题,属性summar为摘要,<caption>标签为首部说明,<thead>标签为表格头部,<tbody>标签为表格主体内容,<tfoot>标签为表格尾部。 其中还可以使用scope 可用于取代headers属性,标记含有表头信息的单元格,其中各数值的内容如下: row 指示当前单元格,为包含当前单元格的行提供相关的表头信息。 col 指示当前单元格,为根据当前单元格指定的列提供相应的表头信息。 rowgroup 指示当前单元格,为包含当前单元格的其余行组提供相关的表头信息。 colgroup 指示当前单元格,为根据当前单元格指定的其余列组提供相应的表头信息。 abbr 用于定义表头单元格中的缩写名,如果没有定义该属性,则将默认单元格内容为节略形式。

  • 04

    下面是一个标准表格模型 <table> <caption></caption> <thead> <tr> <th></th> </tr> </thead> <tbody> <tr> <td></td> </tr> </tbody> <tfoot> <tr> <td></td> </tr> </tfoot> </table>

(0)

相关推荐

  • 网站制作中的内容要注意哪些

    操作方法 01 网站制作需要严谨的思考和周全的规划.最重要的是了解您的用户.用如果您认为一般的用户会完完整整地阅读您的网页,那么您就错了.无论您在网页中发布了多么有用的信息,一个访问者在决定是否继续阅 ...

  • 网站制作中Div标签的使用规范

    操作方法 01 笔者拨指一算从事网站建设行业已有5年有余,今天抽出点时间与各位站长们分享下个人多年来对DIV+CSS的架构的一些规范和经验.先说下概念, 是一个块级元素,同时也意味着自动换行.它后面经 ...

  • 网站制作中使用javascript下拉菜单

    网站中,我们总能看到那些下拉菜单,关于下拉菜单,是否适合每个网站使用?是否利于优化? 步骤/方法 01 如果你必须使用Java script的下拉菜单.图片地图.或者图片链接,那么你一定要放置它们的文 ...

  • 网线制作中直通线与交叉线的区别详解

    关于网线的制作,很多书对细节表述的不太清楚,容易引起歧义,下面我们一起来仔细的了解一下. 网线的标准顺序 01 网线有两种标准顺序,分别是T568A和T568B: 02 T568A标准顺序从左至右依次 ...

  • 网站建设中页面缓存的作用

    操作方法 01 对于网站建设来说,页面缓存是安装在网站服务器之前的缓存服务器,用于卸载对于服务器上的静态和动态对象的请求.在网站制作或网站设计中页面缓存还有其它常见名称,如反向代理缓存,反向代理服务器 ...

  • 企业网站制作时display在CSS中各属性语法详解

    操作方法 01 网站的制作中,我们都知道,基本上离不开CSS,很多的企业网站制作时,都会用到.下面天柱网络给大家来分享一下display在CSS中各属性语法详解,希望对广大网站制作人员有一些帮助. H ...

  • 常用网站制作软件

    下面介绍网站制作常用的几款软件. 页面制作软件:DreamWeaver DreamWeaver是一个很酷的网页设计软件,它包括可视化编辑.HTML代码编辑的软件包,并支持ActiveX.JavaScr ...

  • 企业网站制作价格一般多少钱

    关于企业网站制作价格一般多少钱?通常具体费用得看您网站的需求了,或者说,您企业网站想要实现什么一个目的.下面国互网给我们说企业网站制作价格具体与哪些方面有关. 企业网站制作价格主要和域名.虚拟主机.美 ...

  • 免费手机网站制作方法教程

    手机网站制作的教程随着智能手机的普及,手机网站的使用率和重要性也日益彰显.虽然手机作用很大,但是制作手机网站的时候注意事项很多,否则就会造成网站打不开,甚至影响网站的正常使用.出彩科技小编就带大家来看 ...