《HTML5與CSS3網頁設計》庫波 汪曉青 主編 北京理工大學出版社 --學校上課教材
編譯器
Dreamwaver cs6
代碼
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>html5:現在,過去,未來</title></head><body><!--頁面開始--><div id = “wrapper”> <!--頁首開始--> <header> <nav> <ul> <li> <a herf = "#"> 首頁 </a></li> <li> <a herf = "#"> HTML5 資訊 </a></li> <li> <a herf = "#"> 一定互聯網 </a></li> <li> <a herf = "#"> 應用推薦 </a></li> <li> <a herf = "#"> 教程視頻 </a></li> <li> <a herf = "#"> 資源下載 </a></li> <li> <a herf = "#"> 開發工具 </a></li> <li> <a herf = "#"> html5 論壇 </a></li> </ul> </nav> </header> <!--頁首結束--> <!--第一欄開始--> <div id = "concent"> <article> <h1>HTML5:現在·過去·未來</h1> <section> <h2> 1.HTML5:過去·現在·未來</h2> <p>展示了HTNL5的發展路程······之后內容省略</p> <p>HTML5 支持多媒體設備和瀏覽器······之后內容省略</p> <p>喬布斯認為HTML5的到來······之后內容省略</p> </section> <section> <h2>2.什么是HTML5</h2> <p>該信息圖標簡單介紹了······之后內容省略</p> </section> <section> <h2>3.HTML5的發展史</h2> <p>HTML5從何而來?······中內容省略</p> </section> <section> <h2>4.為什么開發者需要HTML5</h2> <p>長久以來,HTML5一直······中內容省略</p> </section> <section> <h2>5.HTML5:瀏覽器的未來</h2> <p>從2012年1月的數據來看······中內容省略</p> </section> <section> <h2>6.HTML5:移動領域的下一個階段</h2> <p>據IDC調查研究顯示······中內容省略</p> </section> <section> <h2>7.HTML5的美妙世界</h2> <p>該信息圖表顯示······之后內容省略</p> </section> <h2></h2> </section> </article> </div> <!--第一欄結束--> <!--第二欄開始--> <div id="sidebar"> <aside> <h2>參考資料</h2> <ul> <li><a href="#">HTML5技術差異特征理解</a></li> <li><a href="#">HTML5世代的到來</a></li> <li><a href="#">HTML5標準</a></li> <li><a href="#">HTML5游戲開發贏利之道</a></li> <li><a href="#">HTML5的N個最常見問題</a></li> <li><a href="#">W3C正式宣布完成HTML5規范</a></li> <li><a href="#">HTML5規范開發完成,可能成為主流</a></li> <li><a href="#">應用HTML5須知五則</a></li> </ul> </aside> <aside> <h2>擴展閱讀</h2> <ul> <li><a href = "#"> HTML5的未來</a></li> <li><a href = "#"> 你不知道的HTML5的開發工具</a></li> <li><a href = "#"> HTML5引領下的web革命</a></li> <li><a href = "#"> HTML5亟待解決的4大問題</a></li> <li><a href = "#"> HTML5 巨頭的游戲</a></li> <li><a href = "#"> HTML5在應用層的表現</a></li> <li><a href = "#"> 測試瀏覽器是否支持HTML5</a></li> <li><a href = "#"> 免費HTML5圖標庫jChartFX</a></li> <li><a href = "#"> HTML之article與section的區別</a></li> </ul> </aside> </div> <!--第二欄結束--> <!--頁底開始--> <footer> <p>Copyright2013</p> </footer> <!--頁底結束--> </div><!--頁面結束--></body></html>
照著書上抄了這么多代碼 并不知道什么意思。。。。。。
新聞熱點
疑難解答