Additional HTML Elements
Now that we know 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 meaningful ways on the page
Next: Activity 1 - Make a page of your own.
- h1 - HTML has six different kinds of headings to structure text on a page. h1 is for top level items, like the title of a page. You generally 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. As you know, 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.
- 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
Previous: What does it mean?