国产探花免费观看_亚洲丰满少妇自慰呻吟_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>   
  •   

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

    圖片精選

    主站蜘蛛池模板： 哈巴河县| 清丰县| 石渠县| 大庆市| 六安市| 绥江县| 惠州市| 麻城市| 裕民县| 惠东县| 嘉兴市| 咸丰县| 顺昌县| 吴江市| 襄汾县| 茶陵县| 镶黄旗| 萝北县| 宜州市| 南川市| 呼图壁县| 托克逊县| 石棉县| 寿宁县| 峨眉山市| 吴堡县| 广汉市| 南皮县| 潼关县| 文昌市| 高碑店市| 花莲县| 大田县| 怀仁县| 吉安市| 宝应县| 海淀区| 吉木乃县| 沐川县| 拉萨市| 庆城县|