Web Design - Size of text

Web Lesson 2

( Size of text )

Hi and welcome back to learn more about web design!

In this lesson i will going to talk about sizes of text. When you go to some website you have probably saw different sizes of text. Sometime you saw different colors of text. Well in this lesson i will teach  you how to do that with text.

In this lesson we will be using tags <h> and <font>. Let's start with <h> tag.

             Tag <h>

With <h> tag you can change only size of text. Tag <h> has a certain number of sizes and sizes are form 1-6. Number 1 is the largest and number 6 is the smallest.

If you want to use the <h> tag  you need to write which number ( size ) you want for your text. When you have chosen the size(1-6) you have to write it next to h.

For example you want size 2 you will write : <h2> and you have to close this tag </h2>.

In next picture you can see the sizes 1-6.

Sizes 1-6

As you can see on the picture, text "heading" is between opened and closed <h> tag. That's the text that's going to be written with size that you want on web page. 

- example:

  <h3>Text size 3 </h3>

            Tag <font>

Unlike <h> tag which can only change size of text, <font> tag can, not only to change size of a text but to change the color of the text. 

In <font> tag you can use attributes :

1. Size ( size of text )
2. Face ( font family of text )
3. Color ( color of text )

These attributes you have to write within <font> tag. You can write all three attributes in <font> tag. 

- example:

         <font size="3" color="red"> This is some text! </font>

In example above the text "this is some text!" is going to be written with size 3 and red color on web page. You can now practice with these two tags to learn them better.

If you want to make custom color go on this LINK. 

When you make your custom color just copy the code above and paste it instead red.

- example:

        <font size="3" color="#9EF140"> This is some text! </font>

When you are copying code and when you paste it you have to write # on front. color="# 9EF140 ".

Okay that's it for this lesson, come back to learn more about HTML.

I will be posting more lessons about HTML, so follow me, share and comment if there is something you would change or if you like it :) .

If something doesn't work or you need help just send me email on: sashans89@gmail.com and i will help you.

See you next time, Byee.

Sasha