Some other HTML elements that are useful

You've seen how a website comes together with tags that describe the page's structure. The head and body tags provide a framework for you to add information in a logical fashion, and the p tag identifies a paragraph of text in the website. Let's look at some other elements that describe text in the page

To review at the HTML of these examples, you can view the source of the pages (Command F12)

• h1 - HTML had six different kinds of headings to structure text on a page. h1 is for top level items, like the title of a page. You probably only want to use this once per page. h1 example
• h2 h3 h4 h5 h6 - each of these headings describes a different level of content. You can use these as much and as often as you like, but they should follow in order, that is, h3 will come under h2, and h2 will come under h1. your screen reader identifies each level as living under the one above it, so it's important to keep these structured. h2 through h6 example
• ul - this element identifies that an unordered list is going to follow. A list is made up of any number of items. unordered list example
• ol - this element identifies that an ordered list is going to follow. this type of list will automatically add an ascending number to each element in the list.ordered list example
• li - this identifies a list item, or one element of a list.
• strong - This identifies a selection of text that has a strong importance
• em - this identifies a section of text that should be emphasized
• a - this is the anchor element, and it is used for creating links in a web page. There are many different kinds of links you can make, but for now we'll stick with linking to another page (instead of an email address, or an image, or some other service) link example
• comments - You can leave notes for yourself in HTML that the browser will ignore, and won't be rendered on the page. example with comments