I am having doubt in last project of task 16 in html could anyone help me out NYC project
Hey there @pyace94119
I would be happy to help you.
What part of this are you having trouble with specificaly?
If you are referring to the red dot on line 18, that is because you don’t have a closing
I am not able to write code of 16th task allocated could you help me out and also find if there are errors in my code.
One could say the footer is quiet similar in structure to several other portions of a website, although it holds different content it often uses many of the same elements.
Since you have already succeeded in making this much of your page, than creating a
<footer> should not be too much of a challenge.
For starters take a look at the first part of this step:
<footer>element with an id of “about” under the closing
You can create a footer, and give it a class in the same way as any other element:
<section id="blog"> <!-- other content --> </section>
Once you have your
<footer> add your information, like the
<p> tags that are mentioned in the second part of this step.
As for helping look for errors, I would be happy to help, though I can not see, nor copy the full code from your screenshot. Could you copy/past your code here? Make sure to post it properly formatted by pressing this button:
Properly formatting your code preserves indentation, and will make it ready to copy/past to a IDE for testing.
From your screenshot, I can point out the way you have your
<nav> set up, you have everything from line 8 - 18 nested inside of it, which includes your
<main>. This does not change the look of your website, but it is not good for web crawlers or SEO, as the
<nav> is supposed to only contain navigation, and not main content.
Also as @codeneutrino said, there is a red dot on line 18 due to the fact you have no closing
type or paste code here <!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> <header> <h1>New York City</h1> </header> <main> <section id="blog"> </main> </nav> <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> <figure> <img src="https://codecademy-content.s3.amazonaws.com/courses/Semantic+HTML/statue-of-liberty.jpeg"/> <figcaption>This is the Statue of Liberty, a popular tourist attraction located on Ellis Island.</figcaption> <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> <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> <video src="https://codecademy-content.s3.amazonaws.com/courses/Semantic+HTML/nyc-skyline-timelapse.mp4" controls> <embed src="https://codecademy-content.s3.amazonaws.com/courses/Semantic+HTML/nyc-skyline.jpeg"/> <audio controls> <source src="https://codecademy-content.s3.amazonaws.com/courses/Semantic+HTML/nyc-sounds.mov"/> </audio> </video> </article> </section> </aside> </figure> </body> </html>