《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>
照着书上抄了这么多代码 并不知道什么意思。。。。。。
新闻热点
疑难解答