国产探花免费观看_亚洲丰满少妇自慰呻吟_97日韩有码在线_资源在线日韩欧美_一区二区精品毛片,辰东完美世界有声小说,欢乐颂第一季,yy玄幻小说排行榜完本

首頁 > 編程 > HTML > 正文

HTML表格布局實例講解

2019-10-26 17:18:02
字體：大 中 小
來源：轉載
供稿：網友

HTML 文檔中的元素是一個接著一個排列的，只是簡單地在在塊級元素的前后加上拆行，是一種流水布局。但是，我們所見到的 Web 頁面按照一定的規則布局排版的（通常是多列的），所以就要借助一定的方法來實現這種布局，通常的解決方案是：使用區塊元素 <div> 或 表格（<table>）來布局 Web 頁面的內容。

使用表格進行布局，是一種較老的布局解決方案。并不推薦使用，我們應該總是使用表格來顯示表格化的數據。

HTML 文檔

CSS Code復制內容到剪貼板
  • <!DOCTYPE html>    <html lang="en">   
  • <head>        <meta charset="UTF-8">   
  •     <!-- 鏈接到外部樣式表 -->        <link rel="stylesheet" href="css/mystyle.css">   
  •     <title>Island estaurant</title>    </head>   
  • <body>        <table id="container">   
  •         <!-- 頭部 -->            <tr>   
  •             <td id="header" colspan="2">                    <h1>點菜系統</h1>   
  •             </td>            </tr>   
  •         <!-- 主體 -->            <tr>   
  •             <!-- 菜單 -->                <td id="menu">   
  •                 <b>菜品</b><br>                    <div id="dishes">   
  •                     小雞燉蘑菇<br>                        家常豆腐<br>   
  •                     酸辣土豆絲<br>                    </div>   
  •             </td>                <!-- 內容 -->   
  •             <td id="content">                    小雞燉蘑菇：<br>   
  •                 幼雞一只                </td>   
  •         </tr>            <!-- 尾部 -->   
  •         <tr>                <td id="footer" colspan="2">世俗孤島的餐廳</td>   
  •         </tr>        </table>   
  • </body>    </html>   
  •   

    • 發表評論 共有條評論
    用戶名: 密碼:
    驗證碼: 匿名發表

    圖片精選

    主站蜘蛛池模板： 拉孜县| 宁武县| 宜阳县| 靖远县| 达日县| 乐都县| 齐齐哈尔市| 河东区| 五华县| 临澧县| 当涂县| 乾安县| 大庆市| 拉萨市| 双牌县| 建宁县| 桐梓县| 城市| 宜州市| 阜宁县| 丹巴县| 孟村| 扶余县| 南靖县| 饶河县| 旌德县| 潍坊市| 谷城县| 云梦县| 高碑店市| 彭水| 毕节市| 卢龙县| 博爱县| 手游| 淳安县| 祁门县| 阜宁县| 抚松县| 互助| 阳泉市|