免费注册 查看新帖 |

Chinaunix

  平台 论坛 博客 文库
› 论坛 › 程序设计 › Web开发 › HTML5学习（一）：Hello World In Html5
最近访问板块 发新帖
查看: 2144 | 回复: 0
打印 上一主题 下一主题

HTML5学习（一）：Hello World In Html5 [复制链接]

so_brave

论坛徽章:
0
跳转到指定楼层
1楼 [收藏(0)] [报告]
发表于 2011-11-07 16:11 |只看该作者 |倒序浏览
HTML5学习（一）：Hello World In Html5



Html代码
  1. 1.<!doctype html>  
  2. 2.<html lang=en>  
  3. 3.<head>  
  4. 4.    <title>Hello World In HTML5</title>  
  5. 5.    <meta charset=utf-8>  
  6. 6.    <link href="css/20111020.css" rel="stylesheet" type="text/css">  
  7. 7.</head>  
  8. 8.  
  9. 9.<body>  
  10. 10.           
  11. 11.    <header>  
  12. 12.        <h1>Hello World In HTML5</h1>      
  13. 13.    </header>  
  14. 14.      
  15. 15.    <nav>  
  16. 16.        <h2>Menu</h2>  
  17. 17.        <ul>  
  18. 18.            <li><a href="#">first A</a></li>  
  19. 19.            <li><a href="#">first A</a></li>  
  20. 20.            <li><a href="#">first A</a></li>  
  21. 21.        </ul>  
  22. 22.    </nav>  
  23. 23.      
  24. 24.    <article>  
  25. 25.        <h2>yesterday</h2>  
  26. 26.        <p>try your best to do what you want to do</p>  
  27. 27.    </article>  
  28. 28.      
  29. 29.    <article>  
  30. 30.        <h2>yesterday</h2>  
  31. 31.        <p>try your best to do what you want to do</p>  
  32. 32.    </article>  
  33. 33.      
  34. 34.    <footer>  
  35. 35.        <p><small>hello ,The Cranberries</small></p>      
  36. 36.    </footer>  
  37. 37.</body>         
  38. 38.</html>  
  39. <!doctype html>
  40. <html lang=en>
  41. <head>
  42.         <title>Hello World In HTML5</title>
  43.         <meta charset=utf-8>
  44.         <link href="css/20111020.css" rel="stylesheet" type="text/css">
  45. </head>

  47. <body>
  48.                
  49.         <header>
  50.                 <h1>Hello World In HTML5</h1>       
  51.         </header>
  52.        
  53.         <nav>
  54.                 <h2>Menu</h2>
  55.                 <ul>
  56.                         <li><a href="#">first A</a></li>
  57.                         <li><a href="#">first A</a></li>
  58.                         <li><a href="#">first A</a></li>
  59.                 </ul>
  60.         </nav>
  61.        
  62.         <article>
  63.                 <h2>yesterday</h2>
  64.                 <p>try your best to do what you want to do</p>
  65.         </article>
  66.        
  67.         <article>
  68.                 <h2>yesterday</h2>
  69.                 <p>try your best to do what you want to do</p>
  70.         </article>
  71.        
  72.         <footer>
  73.                 <p><small>hello ,The Cranberries</small></p>       
  74.         </footer>
  75. </body>               
  76. </html>
复制代码
Css代码
  1. 1.header,nav,footer,artcle{display:block;}   
  2. 2.nav{float:left; width:20%}   
  3. 3.article{float:right; width:79%;background-color:#CCCCCC}   
  4. 4.footer{clear:both}
复制代码
HTML5, HTML5
返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 注册

本版积分规则 发表回复

  

北京盛拓优讯信息技术有限公司. 版权所有 京ICP备16024965号-6 北京市公安局海淀分局网监中心备案编号：11010802020122 niuxiaotong@pcpop.com 17352615567
未成年举报专区
中国互联网协会会员  联系我们：huangweiwei@itpub.net
感谢所有关心和支持过ChinaUnix的朋友们 转载本站内容请注明原作者名及出处

清除 Cookies - ChinaUnix - Archiver - WAP - TOP