<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>
				
			

Video Summary

All right in this section we’re going to talk about heading elements, specifically the H1 through H6 tags. 

The H1 through H6 tags are basically just heading tags designated for the headings for each different section of your website. So they’re ranked from most important to least important. So heading one would be the most important. Heading six would be the least important. So when you’re thinking about this, think about setting this I like outlining your web page as a school paper, right? Because here’s an SEO tip is that you should only have one h1 Tag per web page, because basically the h1 tag is the title for what that web page is about. So if you’re thinking about you’re doing a school, a school paper or you’re writing an article you only want one title that overarching is what’s happening on that article or on the webpage. So having multiple h1 tags will affect your SEO rankings and Google and other search engines will penalize you but I wanted to show you the editor the quick had like quick outline using bullet points, but this is really a good example of how you should think about using your headings is that heading one would be a title. So let’s just say if it was a homepage for my company clutch digital development, heading one would you know, I just probably put collection, digital development. Heading Two, I’d say we could do web development, right? And then h three would be let’s say the courses that I do for web development, and then the h four would be different parts of that course that I would want to talk about. And then I go to h2, another h2 And that’d be I’d be talking about digital marketing, right? I mean, I could go on and on, but you get the idea of how you should structure it. So we’re gonna hop over to code pen right now. 

And I copied and pasted these headings in. So if you look down here, this is what the website would look like. So how code pen is really set up is that we can put in the HTML right here, and it spits out what we’re coding up here, right? So when we get into different sections where we might want to change the font size, we’ll use the CSS but for right now, we just want to keep it simple. We just want to see what the HTML elements look like as they are and if you look, the heading one is larger than the heading two and so on. That’s because that with HTML, the automatic styling, for font size, is that the heading one should be the most important. So that would be the you know, the largest heading and then the h6 would be the smallest. So when you’re thinking about setting up the structure of your website, figuring out how you want to order the headings is a good way to not only make the website flow a lot better, but also to is you’re going to be capturing a lot more SEO because the search engines will be will be able to understand what each heading is about and the importance for each one On to the next section we’re really talking about paragraphs.