HTML布局-1.20HTML基礎教程
網站常常以多列顯示內容（就像雜志和報紙）。
創新互聯成立于2013年，是專業互聯網技術服務公司，擁有項目網站建設、成都網站建設網站策劃，項目實施與項目整合能力。我們以讓每一個夢想脫穎而出為使命，1280元永年做網站,已為上家服務,為永年各地企業和個人服務,聯系電話:13518219792
London is the capital city of England. It is the most populous city in the United Kingdom, with a metropolitan area of over 13 million inhabitants.
Standing on the River Thames, London has been a major settlement for two millennia, its history going back to its founding by the Romans, who named it Londinium.
注釋：<div> 元素常用作布局工具，因為能夠輕松地通過 CSS 對其進行定位。
這個例子使用了四個 <div> 元素來創建多列布局：
實例 <body><div id="header"><h1>City Gallery</h1></div><div id="nav">London<br>Paris<br>Tokyo<br></div><div id="section"><h1>London</h1><p>London is the capital city of England. It is the most populous city in the United Kingdom,with a metropolitan area of over 13 million inhabitants.</p><p>Standing on the River Thames, London has been a major settlement for two millennia,its history going back to its founding by the Romans, who named it Londinium.</p></div><div id="footer">Copyright W3School.com.cn</div></body> CSS： <style>#header { background-color:black; color:white; text-align:center; padding:5px;}#nav { line-height:30px; background-color:#eeeeee; height:300px; width:100px; float:left; padding:5px; }#section { width:350px; float:left; padding:10px; }#footer { background-color:black; color:white; clear:both; text-align:center; padding:5px; }</style>HTML5 提供的新語義元素定義了網頁的不同部分：
HTML5 語義元素 header 定義文檔或節的頁眉 nav 定義導航鏈接的容器 section 定義文檔中的節 article 定義獨立的自包含文章 aside 定義內容之外的內容（比如側欄） footer 定義文檔或節的頁腳 details 定義額外的細節 summary 定義 details 元素的標題這個例子使用 <header>, <nav>, <section>, 以及 <footer> 來創建多列布局：
實例 <body><header><h1>City Gallery</h1></header><nav>London<br>Paris<br>Tokyo<br></nav><section><h1>London</h1><p>London is the capital city of England. It is the most populous city in the United Kingdom,with a metropolitan area of over 13 million inhabitants.</p><p>Standing on the River Thames, London has been a major settlement for two millennia,its history going back to its founding by the Romans, who named it Londinium.</p></section><footer>Copyright W3School.com.cn</footer></body> CSS <style>header { background-color:black; color:white; text-align:center; padding:5px; }nav { line-height:30px; background-color:#eeeeee; height:300px; width:100px; float:left; padding:5px; }section { width:350px; float:left; padding:10px; }footer { background-color:black; color:white; clear:both; text-align:center; padding:5px; }注釋：<table> 元素不是作為布局工具而設計的。
<table> 元素的作用是顯示表格化的數據。
使用 <table> 元素能夠取得布局效果，因為能夠通過 CSS 設置表格元素的樣式：
實例 <body><table class="lamp"><tr> <th> <img src="/images/lamp.jpg" alt="Note" style="height:32px;width:32px"> </th> <td> The table element was not designed to be a layout tool. </td></tr></table></body> CSS <style>table.lamp { width:100%; border:1px solid #d4d4d4;}table.lamp th, td { padding:10px;}table.lamp td { width:40px;}</style>
文章題目：HTML布局-1.20HTML基礎教程
本文URL：http://www.js-pz168.com/article27/dghhdcj.html
成都網站建設公司_創新互聯，為您提供用戶體驗、品牌網站建設、App開發、網站設計公司、外貿網站建設、網站設計
聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯
- 網站策劃是網站建設的根本 2022-11-16
- 網站建設：營銷型網站策劃的重要性 2022-05-21
- 如何注重網站策劃，不能把網站浪費了 2023-02-10
- 網站策劃基本內容有哪些? 2016-11-03
- 建網站策劃先行-企業做好網站策劃四步走 2022-12-09
- 專業的網站策劃師需要具備哪些知識技能？未來發展前景如何？ 2022-06-01
- 網站策劃的9個關鍵步驟 2022-09-22
- 企業如何制定一份高質量的網站策劃方案？需要注意哪幾點？ 2016-10-12
- 做網站不僅僅要懂網站設計,還要懂網站策劃 2014-01-18
- 成都網站營銷推廣之營銷型網站策劃方案 2022-07-18
- 網站策劃在網站建設過程中的重要作用 2016-11-06
- 成都網站建設之初網站策劃的重要性 2016-09-15