HTML5学习





   
   
html5:现在,过去,未来




   
   

   
   

HTML5:现在·过去·未来

1.HTML5:过去·现在·未来

展示了HTNL5的发展路程······之后内容省略

HTML5 支持多媒体设备和浏览器······之后内容省略

乔布斯认为HTML5的到来······之后内容省略

2.什么是HTML5

该信息图标简单介绍了······之后内容省略

3.HTML5的发展史

HTML5从何而来?······中内容省略

4.为什么开发者需要HTML5

长久以来,HTML5一直······中内容省略

5.HTML5:浏览器的未来

从2012年1月的数据来看······中内容省略

6.HTML5:移动领域的下一个阶段

据IDC调查研究显示······中内容省略

7.HTML5的美妙世界

该信息图表显示······之后内容省略

Copyright2013

教材

《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>

照着书上抄了这么多代码  并不知道什么意思。。。。。。



  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值