HTML--基本的表格布局

<!DOCTYPE html>
<html>
    <head>
    <title>基本的表格布局</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">  
   <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
   <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
   </head>
   <body>
    <h1>我是标签h1<small>我是副标签.h1</small></h1>
    <h2>我是标签h2<small>我是副标签.h2</small></h2>
    <h3>我是标签h3<small>我是副标签.h3</small></h3>
    <h4>我是标签h4<small>我是副标签.h4</small></h4>
    <h5>我是标签h5<small>我是副标签.h5</small></h5>
    <h6>我是标签h6<small>我是副标签.h6</small></h6>
    <table class="table table-hover">
        <caption>基本的表格布局</caption>
        <thead>
            <tr >
                <th>名称</th>
                <th>城市</th>
            </tr>
        </thead>
        <tbody>
            <tr class="danger">
                <td>Tanmay</td>
                <td>Bangalore</td>
            </tr>
            <tr class="success">
                <td>Sachin</td>
                <td>Mumbai</td>
            </tr>
        </tbody>




    </table>

   </body>
</html>

 

posted @ 2023-03-17 19:53  fushuxuan1  阅读(76)  评论(0)    收藏  举报