HTML Tutorial - How to Do Everything in HTML with Text

Text refers characters you can type with your keyboard; such as numbers, letters, etc. With text you can do various things; such as make it bold; change the size; change the color, and other things. In this free HTML tutorial we are going to cover all the things you can do with text in HTML:

Normally in Microsoft word, we just use the bold key and it shows up in our document. But when creating a web page, special HTML tags need to be added on the outside of the specific text to make it bold, and even for other criteria.

How to Make Text Bold in HTML

To make text bold in HTML, simply use the bold tags in HTML:

< b > Your Text < /b > (without spaces between the angle brackets)

'b' stands for 'bold' and this is how it will output on your webpage:

Your Text

Another thing you can do with your text is change its size:

How to Change Text Size in HTML

In order to change size of text in HTML, simply use the following tags:

< font size=1 > Your Text < /font >

That above code will allow your text to appear smallest to most text you see on webpages.

You can insert values from 1 to 7. Obviously, "1" is really small and "7" is really large.

The other way you can change the size of your text is by using the special < big > or < small > tags:

This will make your text appear one size larger:

< big > Your Text < /big >

This will make your text two sizes larger:

< big >< big > Your Text < /big >< /big >

This will make your text three sizes larger:

< big >< big >< big > Your Text < /big >< /big >< /big >

The same applies with the < small > tag:

This will make your text one size smaller:

< small > Your Text < /small >

This will make text two sizes smaller:

< small >< small > Your Text < /small >< /small >

And this will make your text three sizes smaller:

< small >< small >< small > Your Text < /small >< /small >< /small >

As you can see, with the big and small tag, you can add more and more to make the text bigger or smaller unlike with other HTML tags. How big or small it will be depends on the relative size of the default text, and the smallest and largest sizes possible.

How to Change Color of Text in HTML

To change text color in HTML, use the following tags:

This will make your text green:

< font color=green > Your Text < /font >

You can use red, orange, yellow, green, blue, purple, as well as more advanced HTM hexadecimal color values to specify for yourself more precise colors. For example, instead of naming "white", you can replace with "FFFFFF". Instead of naming "black", you can replace with "000000" Likewise, instead of naming "green", you can replace with the hexadecimal code "008000"

How to Make Text Italic in HTML:

< i > Your Text < /i>

This is how it will appear on your web page:

Your Text

How to Underline Text in HTML:

< u > Your Text < /u >

This is how it will appear on your web page:

Your Text

How to Change the Font Face of Text in HTML:

To change the font style or the text so it will appear in other writing styles you should using the following code:

< font > Your Text < /font >

That will make the text appear in Times New Roman style.

How to Make your Text into a Link

Making your text into a clickable link in HTML involves the following code:

< a href="websitelink" > Your Text < /a >

When a person places his or her mouse over 'Your Text' it will be a clickable link directed toward the web page URL in parenthesis.

To change the color, size, etc. of text that is a clickable link, the tags must be placed inside the Link Tags, not outside. For example, to change the Link into Blue Text, you would have to use the following code:

Change the Color of a Link

Yes:

< a href="websitelink" >< font color = blue > Your Text < /font >< /a >

No:

< font color = blue >< a href="websitelink" > Your Text < /a >< /font >

Doing so in that format will not change the color of the link.

How to Make a Moving Text in HTML

To make scrolling text in HTML, just use the following code:

< marquee > Your Text < /marquee >

This will allow your text to move from right to left across your webpage.

There you have it! That's the basics of how to do everything in HTML with Text. However creative you want to be with your text, just use the following codes and all will apply!