API tools faq
paste
Advertisement
makispaiktis

Codecademy - 4th Exercise - Semantic HTML (HTML)

makispaiktis
Aug 31st, 2019 (edited)
530
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 5 2.99 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3.    
  4.   <!-- Head -->
  5.   <head>
  6.     <title>New York City Blog</title>  
  7.     <link rel="stylesheet" href="style.css">
  8.    </head>
  9.    
  10.   <!-- Body -->
  11.   <body>  
  12.    
  13.     <!-- Navigational links -->
  14.     <nav>
  15.         <ul>
  16.         <li><a href="#blog">Blog</a></li>
  17.         <li><a href="#media">Media</a></li>
  18.         <li><a href="#about">About</a></li>
  19.       </ul>
  20.     </nav>
  21.    
  22.     <!-- Header part of body -->
  23.     <header>
  24.         <h1>New York City</h1>
  25.     </header>
  26.      
  27.     <!-- Main part of body-->  
  28.     <main>
  29.       <!-- BLOG -->
  30.       <section id="blog">
  31.         <article>
  32.           <p>New York City is made up of five boroughs which include Queens, Manhattan, Brooklyn, the Bronx, and Staten Island. The city is the home of approximately 8 million people. In 1876, France gifted the City of New York what is known as the Statue of Liberty, which is currently located on Ellis Island commonly visited by tourists. However, it took 10 years to assemble and therefore wasn’t unveiled until 1886. Another tourist destination is Times Square. Times Square is commonly known for the big buildings, Broadway shows, and bright neon signs. This famous location was named after The New York Times after the Times moved to that location. Prior to that, it was named Longacre Square. New York City is also known for its bridges that connect the boroughs and allow ease of transportation.</p>
  33.         </article>
  34.       </section>
  35.  
  36.       <figure>
  37.         <img src="https://codecademy-content.s3.amazonaws.com/courses/Semantic+HTML/statue-of-liberty.jpeg" />
  38.         <figcaption>This is the Statue of Liberty, a popular tourist attraction located on Ellis Island.</figcaption>
  39.       </figure>
  40.  
  41.       <aside>
  42.         <p>New York City is very popular for the variety of great food it has. Some of the top food items in NYC include:</p>
  43.         <ol>
  44.           <li>Pizza</li>
  45.           <li>Bagels</li>
  46.           <li>Burgers and Sandwiches</li>
  47.           <li>Ramen</li>
  48.           <li>Tacos</li>
  49.           <li>Pasta</li>
  50.           <li>Desserts</li>
  51.         </ol>
  52.       </aside>
  53.  
  54.       <!-- MEDIA -->
  55.       <section id="media">
  56.         <h2>The Scenery in NYC</h2>
  57.         <article>
  58.           <p>While the view in the city is beautiful, the sounds are not as lovely. Below you'll see an example of the view and the sounds you'll deal with in NYC on a daily basis.</p>
  59.         </article>
  60.         <video src="https://codecademy-content.s3.amazonaws.com/courses/Semantic+HTML/nyc-skyline-timelapse.mp4" controls>Video not supported</video>
  61.         <embed src="https://codecademy-content.s3.amazonaws.com/courses/Semantic+HTML/nyc-skyline.jpeg" />
  62.         <audio controls>
  63.           <source src="https://codecademy-content.s3.amazonaws.com/courses/Semantic+HTML/nyc-sounds.mov" />
  64.         </audio>
  65.       </section>
  66.    
  67.     </main>
  68.    
  69.     <!-- Footer -->
  70.     <footer id="about">
  71.         <p>Posted by: Me</p>
  72.       <p>Contact information: Blogger@NYC.com</p>
  73.     </footer>
  74.    
  75.   </body>
  76. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!