网站设计中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表格标记举例
表格标记代码示例:
<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