网站设计中的table表格标记教程

更新时间:2019-08-25 11:15:00 来源:未知 作者:admin
  表格标记<table>在div+css如何流行的年代在网站设计中已经很少使用,一般用在动态页面输入数据库数据和后以列表的展示。在这方面表格用得还是比较普遍的,以下是青锋建站给大家分享的网站设计中的<table>标签的使用方法。

网站设计中table表格标记语法

表格的标题:<caption align="top,left,right,bottom><caption>之间用来设置表格的标题,并放于<table>之后,最多只能出现一次。<th  width=""height=""></th>用来设置表格的表头.
表格的合并:<table width=400"",height="600"(以上两个属性都相对于整体),border="1"><tr>为行标记,<td>为单元格列标记;<tdcolspan="3" 用来合并3列, rowspan="2"两个行的单元格合并为一个单元格>之间为单元格的内容</td>;
表格的嵌套(布局表格):主要以可视化的操作
表格的标记边框颜色:<table width=400"",height="600"(以上两个属性都相对于整体),border="1" bordercolour=""用来设置边框的颜色;> 
表格标记背景色:<table bgcolour=""设置表格的背景颜色;background=""用来设置表格的背景图象;
表格间距设置:cellspacing="1"设置单元格的距离;cellpadding="1"用来设置单元格的内容和边框的距离;>
表格的边框:<table align=""设定对其方式:值有:center,left,right;frame=""用来设置表格的边框样式,语法有frame="value",value 取值有:above(显示上边框); below (显示下边框)border(显示上下左右边框); hsides(显示上下边框); lhs(显示左边框); void(不显示边框);rhs(用来显示右边框);vsides(显示左右边框);rules用来设置内部边框的样式,语法同上:value的取值有: all(显示所有边框); cols (仅显示行边框);groups (显示介于行和列之间的边框);none (不显示边框)rows(只显示列边框);bordercolourlight=""用来设置表格左上边框和单元格右下边框的颜色;bordercolourdard='""用来设置表格的右下和单元格的左上边框的颜色 ,其中value有取值,值为颜色。

网站设计中table表格标记举例

html表格tables标记使用
表格标记代码示例:
<table width="700" height="384" border="10" align="center" cellpadding="2" cellspacing="2" bordercolor="#0066CC" bgcolor="#66FF33" summary="no ">
  <caption align="top">
  以上表格为html设计表格标记的举例,不作为真实的报价,但可以作为参考
  </caption>
  <tr align="center" valign="middle">
    <td colspan="7">网站制作、seo优化报价表</td>
  </tr>
  <tr align="center" valign="middle">
    <td width="119" rowspan="2" nowrap><h4>报价项目</h4></td>
    <td height="43" colspan="3">网站制作</td>
    <td colspan="3">seo优化</td>
  </tr>
  <tr>
    <td width="98" height="74" nowrap>模板站666</td>
    <td width="84">标记订制2000元</td>
    <td width="81">架构代码优化型3000起</td>
    <td width="84">快速seo</td>
    <td width="94">累计seo</td>
    <td width="62">模板seo</td>
  </tr>
</table>
  青锋建站,提供专业的高品质网站制作服务,包括网站建设,SEO,网络营销,PHP开发,网站建设知名品牌,全国接单,为企业构建强有力的营销平台。

转载请注明来源网址:青锋建站-http://www.sjzphp.com/webdis/table.html

电话 15632335515 | 邮箱 943703539@qq.com | QQ 943703539 | 微信 qingfengjianzhan

Copyright © 2016-2026 青锋建站 版权所有