Here are the basic styling of the heading elements:
<h1>H1</h1> <h2>H2</h2> <h3>H3</h3> <h4>H4</h4> <h5>H5</h5> <h6>H6</h6>
Let's put them in our code to see what they look like. Under Sort By:
and code below this image tag, let's add the six header tags. This should be around line 82 in our index.html
file. Remember, you can always view my code at https://codio.com/kevinhorek/Learning-Zurb-Foundation/ or https://github.com/kevinhorek/Learning-Zurb-Foundation. Refresh your browser, and you will see the six headers.
Perfect! Now that we have the headers in, we can remove them second to sixth headers and just keep <h1>
. Let's change the text in <h1>
to <h1>Welcome</h1>
. Refresh your browser. You also have the ability to use a subheader
class on any of the header tags, so let's create another <h1>
tag right below the first one, with the content To Learning Zurb Foundation...