腾讯微群加入QQ群

 找回密码
 加入我们

!connect_header_login!

!connect_header_login_tip!

搜索
查看: 247|回复: 0

html5页面结构

[复制链接]
发表于 2016-8-23 14:57:58 | 显示全部楼层 |阅读模式
<!DOCTYPE html>
<html>
  <!--创建文头-->
  <head>
    <title>HTML5页面结构</title>
    <meta charset = "UTF-8" />
    <span style="color:red;font-style:italic;">
      这里是页头</span>
    <hr>
  </head>
  <body>
    <!--创建旁注-->
    <aside style="font-size:larger;font-style:italic;color:blue;float:right;width:120px;">
      HTML5页面使用旁注.
    </aside>
    <!--创建导航-->
    <nav>
      <a href="/Baking/" target="_blank">导航1</a> |
      <a href="/ingredients/" target="_blank">导航2</a> |
      <a href="/mixing/" target="_blank">导航3</a> |
      <a href="/toppings/" target="_blank">导航4</a>
    </nav>
    <!--插入图片-->
    <figure>
      <img src="picture.jpg" width="170" height="128" />
    </figure>
    <!--[h1]至[h6]元素-->
    <hgroup draggable="true">
      <h1>h1</h1>
      <h2>h2</h2>
      <h2>h3</h2>
    </hgroup>
    <p>
      This specification defines the 5th major version, first minor revision of the core language of the World Wide Web: the Hypertext Markup Language (HTML).
    </p>
    <p>
      In this version, new features continue to be introduced to help Web application authors, new elements continue to be introduced based on research into prevailing authoring practices, and special attention continues to be given to defining clear conformance criteria for user agents in an effort to improve interoperability.
    </p>
    <!--将文档分成不同区域-->
    <article>
      <section id="mixing">
        <h2>The proper way to mix ingredients</h2>
        <p>When using a stand-mixer, it is important that you do not over mix the
        ingredients...</p>
      </section>
      <section id="baking">
        <h2>Proper baking techniques</h2>
        <p> It is important that you bake your cheesecake using a lot of moisture in the
        oven...</p>
      </section>
    </article>
  </body>
  <!--创建文脚-->
  <footer> © 2012 - fwwdn - All rights reserved </footer>
</html>
0
0

转自:http://blog.csdn.net/fwwdn/article/details/8438587?locationNum=8
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 加入我们

本版积分规则

QQ|手机版|Archiver|小黑屋|一起疯|苦咖啡 ( 新ICP备12000197号  

GMT+8, 2018-1-21 16:23 , Processed in 0.043661 second(s), 11 queries , Memcache On.

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表