How to give your website a little more style
Ok, so by this time you must have a basic understanding of HTML. However your website is a bit lacking in…style…
You have something that looks like this on your website, an H2 title in the default Times New Roman font
and this is what the HTML code looks like in your text edit.
First you must figure out what font you want to change this to, and for that you need to know the font names which you can find here https://en.wikipedia.org/wiki/Font_family_(HTML). Based on the fonts listed here we want the title to be in the Verdana font.
So you want to go back to your text edit, and change the HTML code so the H2 title will show up on your website in the Verdana font.
The first thing you do is insert the style tag followed by an equal sign.
After that you must define that you are focusing on the font with the font-family tag followed by a semi-colon. After the semi-colon you must insert the font that you want your H2 heading to be in, which in this case is the verdana font.
Then follow the font name with a semi colon and surround the font-family tag and the verdana tag with quotation marks and a less than sign (>).
Once you insert the HTML code into text edit, your H2 title should now look like this.
Now your H2 title is in the verdana font, which is much more appealing than the Times New Roman you had before, but you still want to change it a bit stylistically. You think maybe color ?! Luckily for you it is almost the same method as changing the font.
First you must look up the html color codes which can be found here http://htmlcolorcodes.com/color-names/. Based on the color codes listed here we want to change the font color to white, so it’ll stand out more on the website.
So again you want to go to your text edit and change your HTML code in order to get your H2 title to be white.
First you want to add the color tag to identify that is what you are changing style-wise. Follow the color tag with a semicolon.
After the semicolon insert the name of the color based off of the list above. For this example we are using white, so your HTML code should look something like this.
Once you enter this into your HTML code this is what your H2 title should look like on your website.
The style tag allows you to personalize your website a lot more, and once you have completed the basics (which you have now) you can go even deeper into the stylistic aspects.