用户注册



邮箱:

密码:

用户登录


邮箱:

密码:
记住登录一个月 忘记密码?

发表随想


还能输入:200字
云代码 - javascript代码库

背景

2017-12-27 作者:柯侧耳倾听者 举报

[javascript]代码库

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="utf-8">
    <title>Share Your Travels -- New York - Central Park</title>
    <link rel="stylesheet" href="reset.css" />
    <link rel="stylesheet" href="e.css" />
</head>
<body>
<header>
    <hgroup>
        <h1>Share Your Travels</h1>
        <h2>let us know where you've been</h2>
    </hgroup>
    <nav>
        <ul>
            <li><a href="#">Description</a></li>
            <li><a href="#">Related Photos</a></li>
            <li><a href="#">Reviews</a></li>
        </ul>
    </nav>
</header>
<article>
    <section>
        <h3>Description</h3>
        <p class="byline">Photo by Randy Connolly</p>
        <p>This photo of Conservatory Pond in
            <a href="http://www.centralpark.com/">Central Park</a> in
            <a href="newyork.html">New York City</a> was taken on October 22, 2011 with a Canon EOS 30D camera.
        </p>
        <figure>
            <a href="images/large-central-park.jpg"><img src="images/central-park.jpg" alt="Central Park" title="Central Park"/></a>
            <figcaption><em>Conservatory Pond in Central Park</em></figcaption>
            <div>
                <p><span class="share"></span>Share:
                    <img src="images/social/email_16.png" alt="Email this to someone" />
                    <img src="images/social/rss_16.png" alt="Syndicated content" />
                    <img src="images/social/twitter_16.png" alt="Share this on Twitter" />
                    <img src="images/social/facebook_16.png" alt="Share this on Facebook" />
                    <img src="images/social/flickr_16.png" alt="See this on Flickr" />
                </p>
            </div>
        </figure>
    </section>
    <section>
        <h3>Related Photos</h3>
        <div>
            <a href="images/related-large1.jpg"><img src="images/related-square1.jpg" alt="related photo" title="related photo" /></a>
            <a href="images/related-large2.jpg"><img src="images/related-square2.jpg" alt="related photo" title="related photo" /></a>
            <a href="images/related-large3.jpg"><img src="images/related-square3.jpg" alt="related photo" title="related photo" /></a>
        </div>
    </section>
    <section id="reviews">
        <h3>Reviews</h3>
        <div>
            <p class="byline">By Ricardo on <time>September 15, 2012</time></p>
            <p>Easy on the HDR buddy.</p>
        </div>
        <div>
            <p class="byline">By Susan on <time>October 1, 2012</time></p>
            <p>I love Central Park.</p>
        </div>
    </section>
</article>
<footer>
    <p><a href="#">Home</a> | <a href="#">Browse</a> | <a href="#">Search</a></p>
    <p><em>Copyright &copy; 2013 Share Your Travels</em></p>
</footer>
</body>
</html>

[源代码打包下载]




分享到:
更多

网友评论    (发表评论)


发表评论:

评论须知:

  • 1、评论每次加2分,每天上限为30;
  • 2、请文明用语,共同创建干净的技术交流环境;
  • 3、若被发现提交非法信息,评论将会被删除,并且给予扣分处理,严重者给予封号处理;
  • 4、请勿发布广告信息或其他无关评论,否则将会删除评论并扣分,严重者给予封号处理。