html-表格標(biāo)簽

JinB 發(fā)布于2019-04-23 13:14 / 3111人閱讀

摘要：表格標(biāo)簽可以對數(shù)據(jù)進行格式化，使數(shù)據(jù)顯示更加清晰表示表格的范圍表格線表格線的顏色單元格之間的距離表格的寬度表格的高度在里面設(shè)置顯示方式在里面設(shè)置顯示方式使用也可以實現(xiàn)居中和加粗代碼表格的標(biāo)題分析表格的寫法首先定義一個表格的范

　　表格標(biāo)簽可以對數(shù)據(jù)進行格式化，使數(shù)據(jù)顯示更加清晰

：表示表格的范圍
　　　　　　- border：表格線
　　　　　　- bordercolor：表格線的顏色
　　　　　　- cellspacing：單元格之間的距離
　　　　　　- width：表格的寬度
　　　　　　- height：表格的高度

　　　　** 在table里面：
　　　　　　- 設(shè)置顯示方式 aligh：left、center、right
　　　　　　** 在tr里面：
　　　　　　　　- 設(shè)置顯示方式 aligh：left、center、right
　　　　　　** 使用th也可以實現(xiàn)居中和加粗

　　　　* 代碼
　　　　

　　　　** 表格的標(biāo)題
　　　　　　

　　　　*分析表格的寫法
　　　　　　- 首先定義一個表格的范圍使用table
　　　　　　- 定義一行使用tr
　　　　　　- 定義一個單元格使用 td

　　　　** 操作技巧
　　　　　　- 首先數(shù)有多少行（tr），數(shù)每行里面有多少個單元格（td）

　　　　** 合并單元格
　　　　　　- rowspan：跨行
　　　　　　- colspan：跨列

　　完整代碼：

<html>
    <head>
        <title>Worldtitle>
    head>
    <body>
        
        <table border="1" bordercolor="blue" cellspacing="0" align="center" width="200" height="100">
            <caption>公司職員信息表caption>
            <tr align="center">
                <td>姓名td>
                <td>性別td>
                <td>年齡td>
                <td>職位td>
            tr>
            <tr align="center">
                <td>栗子殼td>
                <td>男td>
                <td>20td>
                <td>老總td>
            tr>
            <tr>
                <th>栗子米th>
                <th>女th>
                <th>19th>
                <th>秘書th>
            tr>        
        table>
    body>
html>

<html>
    <head>
        <title>Worldtitle>
    head>
    <body>
        
        <table border="1" cellspacing="0" bordercolor="blue" width="200">
            <tr>
                <td colspan="3" align="center">人員信息td>
            tr>
            <tr>
                <td>岳不群td>
                <td>女td>
                <td>40td>
            tr>
            <tr>
                <td>令狐沖td>
                <td>男td>
                <td>25td>
            tr>
            <tr>
                <td>東方不敗td>
                <td>女td>
                <td>24td>
            tr>
        table>
        <hr/>
        
        <table border="1" cellspacing="0" bordercolor="blue" width="200">
            <tr>
                <td>岳不群td>
                <td>女td>
                <td rowspan="3" align="center">40td>
            tr>
            <tr>
                <td>令狐沖td>
                <td>男td>
            tr>
            <tr>
                <td>東方不敗td>
                <td>女td>
            tr>
        table>
    body>
html>