码迷,mamicode.com
首页 > Web开发 > 详细

html表格应用基础

时间:2017-06-16 12:47:14      阅读:205      评论:0      收藏:0      [点我收藏+]

标签:nbsp   color   标题   rowspan   width   使用   row   垂直   空间   

1. 表格

    <table>...</table>      --定义表格

    <tr>...</tr>               --定义表行

    <td>...</td>              --定义表列(单元格)

    <th>...</th>              --定义标题栏(文字加粗)

2. editplus的代码折叠(“视图”中“代码折叠”的“使用代码折叠”)

3. 表格属性                                                           用途 

    <table bgcolor=" ">                                 设置表格的背景色

    <table background=" ">                           设置表格的背景图片

    <table border=" ">                设置边框的宽度,若不设置此属性,则边框宽度默认为0

    <table cellpadding=" ">         设置表格单元格边框与其内部内容之间空间的大小,默认为2(表格边距)

   <table cellspacing=" ">           设置表格单元格之间空间的大小,默认为2(单元格间距)

   <table bordercolor=" ">          设置表格边框的颜色

   <table bordercolorlight=" ">    设置边框部分的颜色(当border的值大于等于1时才有用)

   <table bordercolordark=" ">    设置边框部分的颜色(当border的值大于等于1时才有用)

   <table align=" ">                   设置表格的对齐方式(left=左,center=局中,right=右)

   <table width=" ">                  设置表格的宽度,单位用绝对像素值或总宽度的百分比

4. 在editplus代码中,缩进技巧:tab--向右缩进,shift+tab--向左缩进

5. 列(单元格)的属性 

    <td width=" ">                       设置单元格的宽度

    <td height=" ">                      设置单元格的高度

    <td bgcolor=" >                      设置单元格的背景颜色

    <td background=" ">               设置单元格的背景图片

    <td align=" ">                         设置单元格的水平对齐方式

    <td valign=" ">                       设置单元格的垂直对齐方式

    <td rowspan=" ">                    设置行合并的数目

    <td colspan=" ">                      设置列合并的数目

    <td nowrap="nowrap">             设置在单元格中不换行

6. 行的属性

    <tr width=" ">             设置行的高度

    <tr height=" ">            设置行的高度

    <tr bgcolor=" ">           设置行的背景颜色

    <tr align=" ">               设置水平对齐方式

    <tr valign=" ">             设置垂直对齐方式【top,middle,bottom】

 

    

 

html表格应用基础

标签:nbsp   color   标题   rowspan   width   使用   row   垂直   空间   

原文地址:http://www.cnblogs.com/nettx/p/7026285.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!