Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

HTML HTML Basics Structuring Your Content Marking Up a Blog Post

Posted by eren
eren
503 Points

Marking Up a Blog Post - index.html

:/ This is all I see inside index.html:

<!DOCTYPE html> <html> <head> <title>Experience VR</title> </head>

1 Answer

Cynthia Norwood
seal-mask
.a{fill-rule:evenodd;}techdegree seal-36
Cynthia Norwood
Front End Web Development Techdegree Graduate 15,214 Points
Cynthia Norwood
.a{fill-rule:evenodd;}techdegree seal-36
Cynthia Norwood
Front End Web Development Techdegree Graduate 15,214 Points

Maybe reload the workspace. You should see this. <!DOCTYPE html> <html> <head> <title>Experience VR</title> </head>

<body> <div> <img src="img/featured.jpg" alt="virtual reality user"> <header> <h1>Experience VR</h1> <p>A <em>simple</em> blog about virtual reality experiences.</p> <nav> <ul> <li>Home</li> <li>About</li> <li>Articles</li> <li>Contact</li>

</ul>
  </nav>
</header> 
  <div>
    <p><strong>Virtual Reality</strong> is becoming well known as a form of entertainment, but it's also finding
  its way into fields like education, industrial design and so much more.</p>
  <a href="https://teamtreehouse.com/library/creating-links" target="_blank">Start your VR Journey</a>
  </div>
  <main>

    <section>
      <header>  
      <h2>VR Article</h2>
        <p>By: Jane Doe</p>
        <p>Publishe June 19, 2017</p>
        </header>
        <p><span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse vehicula metus in bibendum laoreet. Aenean libero est, egestas eu eros pretium, sodales iaculis est.</span></p>
     <figure>
      <img src= "img/vr-space.jpg" alt=" user experiencing space" title="Virtual Reality Users can explore far away places">
       <figcaption>
       Virtual Reality Users can explore far away places
       </figcaption>
       </figure>
    </section>

      <section>
        <h2>Latest VR articles</h2>
      <header>
        <h3>How Schools use Virtual Reality to Improve Education</h3>
        <p>By: Nick Pettit</p>
        </header>
        <p>How Schools Use Virtual Reality to Improve Education
       Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ultrices euismod turpis eget       porta. Etiam nulla massa, pretium et massa nec, ornare dignissim nisi.
  </p>
      <a href="articles/2017/article.html">Read More</a>
        <footer>Published June 12, 2017</footer>
        <header>
        <h3> The advantages of VR Simulation</h3>
          <p>By: Jane Doe</p>
          </header>
        <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus ultrices euismod turpis eget porta. Etiam nulla massa, pretium et massa nec, ornare dignissim nisi.</p>
      <a href="articles/2017/article.html">Read More</a>
        <footer>Published June 16, 2017</footer>
        </section>
      <section>
       <h2>Contact</h2>
    <p><strong>Email</strong> us at <a href="mailto:coolvrexperience@gmail.com? subject=Hi%20There!">coolvrexperience@gmail.com</a></p>
        <p><strong>Phone:</strong>555-555-5555</p>
        <p><strong>Address:</strong>25 Fetty LN</p>
        <address>
        Experience VR<br>
          2017 Virtual Way<br>
          City, State 33437
        </address>
    </section>
    </main>

  <aside>
 <h3>Top VR Resources</h3> 
  <ol>
  <li>Learn to create educational experiences in VR</li>
  <li>Virtual Reality in Entertainment</li>
  <li>Interact with buildings and products in VR</li>
  <li>Use VR for teleconferencing and social media</li>
  </ol>

    <hr>

    <blockquote>"Virtual reality was once the dream of science fiction. But the internet was also once a dream, and so were computers and smartphones. The future is coming." 
      <footer>
      - <cite><a href="https://www.facebook.com/zuck/posts/10101319050523971">Mark Zuckerberg</a></cite>
        </footer>
    </blockquote>
    </aside>

<footer>
  <p><sm>&copy;2017 Experience VR, The Blog</sm></p>
</footer>

</div> </body> </html>