New York City Blog - Is my code correct and what can be improved?

Hi :wave:

So, this is the first ‘proper’ project that I have made using HTML on the front end web developer path. I am 70% sure I have done everything correctly but couldn’t find any answer/correct code to compare my work to and verify whether I have done everything correctly.

New York City

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.

![](upload://77qYWpwwXmeCPGTju9z3dvPfFZv.jpeg) This is the Statue of Liberty, a popular tourist attraction located on Ellis Island.

The Scenery in NYC

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.

Posted by: Ahmed

Contact information: Blogger@NYC.com

I do understand all the code used in this project and I am comfortable using it. In the case that my code is all correct, is there anything I could do differently/better to semantically improve my code?

Thanks :slight_smile:

Hello @offed,

As you can see, your code is “executed” so we cannot see it.
You may add it in a Codebyte so we can see it directly if you want some feedback.

Yes, I am in fact struggling with this.

When I paste my code within a ‘Codeybyte’, it asks me to select the coding language but there aren’t any options for HTML?

I have tried this just now but it also executes the code sadly, thanks for the suggestion.

Yeah I don’t believe Codebytes can display live HTML code, try formatting your code according to this guide. Alternatively you could upload it to a GitHub repository and turn on GitHub pages if you wanted to demonstrate the live version. There’s a lot of good tutorials around the internet if you wanted to go down that route, this one seems pretty good.

1 Like
<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
    <nav>
      <ul>
        <li><a href="#blog">Blog</a></li>
        <li><a href="#media">Media</a></li>
        <li><a href="#about">About</a></li>
      </ul>
    </nav>
    <header>
      <h1>New York City</h1>
    </header>
    <main>
     <section id="blog">
      <article>
        <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>
      </article>
    </section>
    <figure>
Hi :wave: 

So, this is the first 'proper' project that I have made using HTML on the front end web developer path. I am 70% sure I have done everything correctly but couldn't find any answer/correct code to compare my work to and verify whether I have done everything correctly.


<!DOCTYPE html>
<html>
  <head>
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
    <nav>
      <ul>
        <li><a href="#blog">Blog</a></li>
        <li><a href="#media">Media</a></li>
        <li><a href="#about">About</a></li>
      </ul>
    </nav>
    <header>
      <h1>New York City</h1>
    </header>
    <main>
     <section id="blog">
      <article>
        <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>
      </article>
    </section>
    <figure>
      <img src="https://content.codecademy.com/courses/Semantic%20HTML/statue-of-liberty.jpeg"/>
      ![](upload://77qYWpwwXmeCPGTju9z3dvPfFZv.jpeg)
    <figcaption>This is the Statue of Liberty, a popular tourist attraction located on Ellis Island.</figcaption>
    </figure>
    <aside>
      <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>
    <ol>
      <li>Pizza</li>
      <li>Bagels</li>
      <li>Burgers and Sandwiches</li>
      <li>Ramen</li>
      <li>Tacos</li>
      <li>Pasta</li>
      <li>Desserts</li>
    </ol>
    </aside>
    <section id="media">
      <article>
        <h2>The Scenery in NYC</h2>
        <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>
      </article>
      <video controls src="https://content.codecademy.com/courses/Semantic%20HTML/nyc-skyline-timelapse.mp4"></video>
      <embed src="https://content.codecademy.com/courses/Semantic%20HTML/nyc-skyline.jpeg"></embed>
      <audio controls src="https://content.codecademy.com/courses/Semantic%20HTML/nyc-sounds.mov"></audio>
    </section>
    </main>
    <footer id="about">
      <p>Posted by: Ahmed</p>
      <p>Contact information: Blogger@NYC.com</p>
    </footer>
  </body>
</html>