A few UPDATED questions on the course called How to Make a website.

1) In the first course of the “Front End Web development” track, called “How to Make websites”, under the subsection called “Creating HTML Content” and under that subsection, the sub-subsection called “Use the Navigation Element”, the instructor uses the word “navigation” to refer to the three buttons that we see at the top of website that let us go to the different parts of the website and let us navigate the website site. Clicking on the two headlines in that site, takes us back to the home page. The very fact that clicking on the two headlines takes us back to the homepage, wouldn’t that make the two headlines part of the navigation as well?

2) Also, in the first course of the “Front End Web development” track, called “How to Make websites”, under the subsection called “Creating HTML Content” and under that subsection, the sub-subsection called “Use the Navigation Element”, why did the instructor have to put the navigation in a list? Could he not just do it like this? <nav> <a href="index.html">Portfolio</a> <a href="about.html">About</a> <a href="contact.html">Contact</a> </nav>

3) And under the same video, how come the instructor did not put the three footer items in a list so there would be consistency in using lists? In other words, The footer in that site contains three items: the face book icon, the twitter icon, and a paragraph. If the navigation which contained three items was considered a list and was put in a <ul> element, how is it that the three items in the footer would not be considered a list? I asking this because I like consistency. We should either never create a list element Or create a list element every time we have a list.

4) And under the same video, how come the instructor did not put a <nav> </nav> element in side of the footer?

5) Is the reason that there is no need to use the nav element in the footer is because clicking on two of the three items in the footer which are the facebook and the twitter icons take use to a different site, not to different page in the same site? Right?

6) I guess the part that was kind of missing in that video was in general when to use a list element and when not to use list element and when to use a nav element and when not to use a nav element. So if you please explain to me when to use a list element and when not to use a list element and when to use a nav element and when not to use a nav element, I would appreciate it.

7) If clicking the facebook and the twitter icons took us to a different page in the same site, then would the facebook icon and the twitter icon would have been part of the navigation?

8) In the first course of the “Front End Web development” track, called “How to Make websites”, under the subsection called “Creating HTML Content” and under that subsection, the sub-subsection called “Use the Navigation Element” How come the below code was not placed inside of the <nav> element? Clicking on the two headlines take us back to the homepage. So as a result, those two headlines (<h1>Nick Pettit</h1><h2>Designer</h2>) in the header should be part of the nav element. Do you know why the instructor did not put those two headlines inside of a nav element?

9) <a href=”index.html”> <h1>Nick Pettit</h1> <h2>Designer </h2> </a> How come the above code was not placed inside of the <ul> element either? After all the <a> element contains two items(two headlines). As a result, wouldn’t that be considered a list of two items?

10) The video is under the course called “How to Make a Website.” Under that course, there is a section called, “CSS: Cascading Style Sheets”, under it first sub-video called “What is CSS?” It is around the 7th minutes down into that first video. Here is the link to the video: https://teamtreehouse.com/library/how-to-make-a-website/css-cascading-style-sheets/what-is-css The instructor wrote the code to change the color of footer’s text to white: … <style> footer { Color: white; Background-color: orange; } </style> … Later on in that same video around the 9th minute of the video, he wanted to apply the white text style to nav element instead of the footer element. So he changed the above code to the below code by changing the footer selector to nav selector: … <style> nav { Color: white; Background-color: orange; } </style> But for the above code, he needed to change the element selector “nav” to descendant selector “nav a” in order to change the text of the navigation links to white. But he didn’t not have to do that for the footer to change the text of the footer to white. My question is why? Why didn’t we have to do it like this in order to change the texts of the footer to white? <style> footer p { Color: white; Background-color: orange; } </style>

Thanks for answering my questions.