zoukankan      html  css  js  c++  java
  • HTML元素解析-table

    HTML表格<table>标签

      <table>标签定义HTML的表格,简单的表格由<table>标签和一个或多个tr、th、td元素组成。

      tr定义表格行,th定义表格头,td定义表格的单元格。

      更复杂的 HTML 表格也可能包括 caption、col、colgroup、thead、tfoot 以及 tbody 元素。

    实例1(基础):

    <html>
        <head>
            <title>table表格</table>
        </head>
        <body>
            <p>每个表格由 table 标签开始。</p>
            <p>每个表格行由 tr 标签开始。</p>
            <p>每个表格数据由 td 标签开始。</p>
            <h4>一列:</h4>
            <table border="1">
                <tr>
                    <td>100</td>
                </tr>
            </table>
            <h4>一行三列:</h4>
            <table border="1">
                <tr>
                    <td>100</td>
                    <td>200</td>
                    <td>300</td>
                </tr>
            </table>
            <h4>两行三列:</h4>
            <table border="1">
                <tr>
                    <td>100</td>
                    <td>200</td>
                    <td>300</td>
                </tr>
                <tr>
                    <td>400</td>
                    <td>500</td>
                    <td>600</td>
                </tr>
            </table>
        </body>
    </html>

    实例2(边框):

    <html>
        <head>
            <title>table表格</table>
        </head>
        <body>
            <h4>带有普通的边框:</h4>  
            <table border="1">
                <tr>
                    <td>First</td>
                    <td>Row</td>
                </tr>   
                <tr>
                    <td>Second</td>
                    <td>Row</td>
                </tr>
            </table>
        </body>
    </html>    

    学习网址:

    http://www.w3school.com.cn/tags/tag_table.asp

  • 相关阅读:
    Vue 项目目录结构分析
    Vue 项目环境搭建
    Vue 组件
    Vue 指令
    Vue 实例成员
    Django 静态文件
    MySQL 索引详解
    Django 请求生命周期
    18. 4Sum (JAVA)
    16. 3Sum Closest (JAVA)
  • 原文地址:https://www.cnblogs.com/sqyss/p/11124963.html
Copyright © 2011-2022 走看看