Code666 (代码贴、代码片段)

[JavaScript] 背景 →→→→→进入此内容的聊天室

来自 , 2019-08-28, 写在 JavaScript, 查看 151 次.
URL http://www.code666.cn/view/f5f8590c
  1. <!DOCTYPE html>
  2. <html>
  3. <head lang="en">
  4.     <meta charset="utf-8">
  5.     <title>Share Your Travels -- New York - Central Park</title>
  6.     <link rel="stylesheet" href="reset.css" />
  7.     <link rel="stylesheet" href="e.css" />
  8. </head>
  9. <body>
  10. <header>
  11.     <hgroup>
  12.         <h1>Share Your Travels</h1>
  13.         <h2>let us know where you've been</h2>
  14.    </hgroup>
  15.    <nav>
  16.        <ul>
  17.            <li><a href="#">Description</a></li>
  18.            <li><a href="#">Related Photos</a></li>
  19.            <li><a href="#">Reviews</a></li>
  20.        </ul>
  21.    </nav>
  22. </header>
  23. <article>
  24.    <section>
  25.        <h3>Description</h3>
  26.        <p class="byline">Photo by Randy Connolly</p>
  27.        <p>This photo of Conservatory Pond in
  28.            <a href="http://www.centralpark.com/">Central Park</a> in
  29.            <a href="newyork.html">New York City</a> was taken on October 22, 2011 with a Canon EOS 30D camera.
  30.        </p>
  31.        <figure>
  32.            <a href="images/large-central-park.jpg"><img src="images/central-park.jpg" alt="Central Park" title="Central Park"/></a>
  33.            <figcaption><em>Conservatory Pond in Central Park</em></figcaption>
  34.            <div>
  35.                <p><span class="share"></span>Share:
  36.                    <img src="images/social/email_16.png" alt="Email this to someone" />
  37.                    <img src="images/social/rss_16.png" alt="Syndicated content" />
  38.                    <img src="images/social/twitter_16.png" alt="Share this on Twitter" />
  39.                    <img src="images/social/facebook_16.png" alt="Share this on Facebook" />
  40.                    <img src="images/social/flickr_16.png" alt="See this on Flickr" />
  41.                </p>
  42.            </div>
  43.        </figure>
  44.    </section>
  45.    <section>
  46.        <h3>Related Photos</h3>
  47.        <div>
  48.            <a href="images/related-large1.jpg"><img src="images/related-square1.jpg" alt="related photo" title="related photo" /></a>
  49.            <a href="images/related-large2.jpg"><img src="images/related-square2.jpg" alt="related photo" title="related photo" /></a>
  50.            <a href="images/related-large3.jpg"><img src="images/related-square3.jpg" alt="related photo" title="related photo" /></a>
  51.        </div>
  52.    </section>
  53.    <section id="reviews">
  54.        <h3>Reviews</h3>
  55.        <div>
  56.            <p class="byline">By Ricardo on <time>September 15, 2012</time></p>
  57.            <p>Easy on the HDR buddy.</p>
  58.        </div>
  59.        <div>
  60.            <p class="byline">By Susan on <time>October 1, 2012</time></p>
  61.            <p>I love Central Park.</p>
  62.        </div>
  63.    </section>
  64. </article>
  65. <footer>
  66.    <p><a href="#">Home</a> | <a href="#">Browse</a> | <a href="#">Search</a></p>
  67.    <p><em>Copyright &copy; 2013 Share Your Travels</em></p>
  68. </footer>
  69. </body>
  70. </html>

回复 "背景"

这儿你可以回复上面这条便签

captcha

贴代码片段 - Code666