- <html>
- <head lang="">
- <meta charset="{aa28aa}">
- <title>
- 锚点
- </title>
- <style>
- .box1,.box2{ height: 600px; border:1px solid; }
- </style>
- </head>
- <body>
- <a href="{aa27aa}">
- 找到目标
- </a>
- <a href="{aa26aa}">
- 找到内容
- </a>
- <div class="{aa25aa}" id="{aa24aa}">
- 我就是目标
- </div>
- <div class="{aa23aa}" id="{aa22aa}">
- 我就是内容
- </div>
- <label for="{aa21aa}">
- aaa
- </label>
- <input type="{aa20aa}" id="{aa19aa}" />
- <a href="{aa18aa}">
- 回到顶部
- </a>
- 在没有 CSS 的干预下,块级元素独占一行,行内元素并排显示。
- <article>
- <h1>
- 文章标题
- </h1>
- <p>
- 这是一篇文章
- </p>
- <article>
- 评论1...
- </article>
- <article>
- 评论2...
- </article>
- </article>
- <section>
- <h1>
- 章节一
- </h1>
- <p>
- 详细内容...
- </p>
- </section>
- <aside>
- ...
- </aside>
- <nav>
- <a href="{aa17aa}">
- 新闻
- </a>
- <a href="{aa16aa}">
- 体育
- </a>
- <a href="{aa15aa}">
- 娱乐
- </a>
- <a href="{aa14aa}">
- 八卦
- </a>
- </nav>
- <nav>
- <ul>
- <li>
- <a href="{aa13aa}">
- 新闻
- </a>
- </li>
- <li>
- <a href="{aa12aa}">
- 新闻
- </a>
- </li>
- <li>
- <a href="{aa11aa}">
- 新闻
- </a>
- </li>
- <li>
- <a href="{aa10aa}">
- 新闻
- </a>
- </li>
- </ul>
- </nav>
- <footer>
- <address>
- 作者。。。。
- </address>
- <small>
- 我们公司在2005年注册 2015-10-11©
- </small>
- </footer>
- <p>
- 别忘记
- <mark>
- 写作业
- </mark>
- </p>
- <p>
- 我是
- <sup>
- 上标
- </sup>
- </p>
- <p>
- 我是
- <sub>
- 下标
- </sub>
- </p>
- <p>
- XX房子190m
- <sup>
- 2
- </sup>
- </p>
- <h1>
- 我是上标
- <sup>
- ®
- </sup>
- </h1>
- <p>
- 我们在
- <time>
- 9:00
- </time>
- 上课
- </p>
- <p>
- <time>
- 2.14
- </time>
- 是情人节
- </p>
- <p>
- <time>
- 7.7
- </time>
- 也他妈是情人节
- </p>
- </body>
- </html>
来源: http://www.bubuko.com/infodetail-1970809.html