Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
The heading elements are available in six levels. Let's go ahead and a take a quick look at this. Make a working copy of headings.html and name that headings-working.html. I am going to open that in my text editor, and you can see here we have the different headings. Headings is a block level element and it can also include other block level elements, and here you see we have these six levels of headings. Let's take a look at what those look like in the browser. Go ahead open that in Firefox and there you see there is one Heading 1, Heading 2, Heading 3, 4, 5, 6, and they get progressively smaller.
Of course you can, and it is very common to reformat these with CSS. They could all be the same size and be different colors. Some of them could have borders on them. There's all kinds of things you can do with these with CSS, but to go ahead and use the different Heading levels, helps your page to get properly index and helps it to be readable in different mediums that they not be visual mediums. So for example, if I wanted to take this, say Heading 3, and go ahead and put a paragraph in it, save that and reload it in the browser, you see there I've Heading 3 and I have another paragraph in the Heading, and it becomes formatted like that.
Of course, you can change that behavior in CSS as well. But this demonstrates that the Heading is a block level element and other block level elements are allowed within this block level element. So there are six levels of heading elements available. They can be styled with CSS to make them work with the look of your document.
Get unlimited access to all courses for just $25/month.Become a member
61 Video lessons · 99117 Viewers
56 Video lessons · 112398 Viewers
71 Video lessons · 81221 Viewers
131 Video lessons · 39006 Viewers
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.