Text
Written by Jen
Learning how to modify text with HTML is the very start of your journey to becoming a web guru. Usually, text is modified through CSS and is implemented throughout the page. But in order to have a variety of colors and fonts, you'll need to kknow the HTML side of things.
Font Color
To start, you will need to know about the <font> and </font> tags. On its own, it does not change anything about the text. To change the color, you just need to add "color=" to the tag as such:
<![CDATA[<font color="green">Changing the font color is easy</font>]]>
This will give you something that looks like this: Changing the font color is easy. It doesn't always have to be green, it can also be red, orange, yellow, pink, blue, purple, brown and of course black and white. You can also use Hex Color Codes instead of the colors' names. This will give you a wider range of color choices, and they remain safe for all broswers. So instead of <font color="red">, you would use <font color="#FF0000">.
Font Face
To change your font, you would use the font face attribute. This may not always work out as you would want it to because not everyone would have the same fonts as you. For example, currently, the font you are viewing is Tahoma. If I wanted to change it to Verdana, I would use:
<![CDATA[<font face="verdana">Now the font is Verdana</font>]]>
And this will result in: Now the font is Verdana. It is advised that you use the common fonts which the majority of internet users will have as opposed to a fancy font that only you would have. Common fonts include Verdana, Tahoma, Arial, Times, Helvetica and Comic Sans MS.
Font Size
Font size is also another thing that most people prepare in their CSS rather than HTML. But for those occasional headings, font size may be useful.
<![CDATA[<font size="2">Size 2</font>]]>
This will give you: Size 2. This can be ranged from size 1 to size 7. I have found that these attributes display differently in different computers. You'll need be wary when you use them. Try to avoid size 1 as often as possible for headings. They may look like the perfect size on your computer but it may be way too small on someone else's.
Size 1
Size 2
Size 3
Size 4
Size 5
Size 6
Size 7
Formatting your Text
If you've ever used Microsoft Word, you'll know that some things have to be bold or underlined to give them emphasis. But unlike Word, there's no special button for you to press. You will have to use the following tags:
<![CDATA[<b>Bold</b>
<u>Underlined</u>
<i>Italics</i>
<s>Strike Through</s>
<center>Centering</center>]]>
These can be used in conjuction with your font tags like so:
<![CDATA[<b><font size="2" face="times" color="purple">Hello!</font></b>]]>
Which will turn out like this: Hello! You can also add all of them together to give you a crazy combination like so: Craziness
Text on a Page
Putting text on a page will require breaks, paragraphs and basic strcucturing of your text. To put in a paragraph break you would use <p> or if you just want somethng on a new line, you would use <br>. Without these two attributes, you would end up with a very messy page.