HTML Tutor
Lesson 1
Lesson 2
Lesson 3
Lesson 4
Lesson 5
Lesson 6
Lesson 7
iDragstor Lab
|
|
|
Lesson 4 - TEXT and Headings
<H1> Your Heading goes here </H1>
The size of your headings is controlled using: <H1><H2><H3><H4><H5><H6> tags:
<H1>Your Heading goes here</H1>
<H2>Your Heading goes here;/H2>
<H3>Your Heading goes here</H3>
<H4>Your Heading goes here</H4>
<H5>Your Heading goes here</H5>
<H6>Your Heading goes here</H6>
If you would like to center your headings or text use <CENTER> tag like in this example:
<CENTER><H1>Centered Text</H1></CENTER>
If you don't use the center tag the text will always be defaulted to the left. Besides, with headings and text, you may also use <CENTER> tag to center the images.
Beautify you letters
You can also use the FONT tag to control the size and color of the text. You would normally set the size and color of the text in the body for the entire page, but if you wish to change the size and color of the specific words or sentences you would use <FONT></FONT> tag. This tag has two attributes:
SIZE and COLOR
When using these attributes you would set values for Size(1,2,3,4,5) and COLOR(blue,red, black, yellow, green).
COLOR attribute is used inside of FONT tag:
<FONT COLOR=RED>YOUR TEXT</FONT>
In this example, FONT is our tag, COLOR is its attribute, and RED is the value.
You may use any other color instead of red as well.
<FONT COLOR=GREEN>GREEN</FONT>
<FONT COLOR=BLUE>BLUE</FONT>
<FONT COLOR=BROWN>BROWN</FONT>
SIZE attribute is used the same way as COLOR attribute, inside of <FONT> tag:
<FONT SIZE=5> YOUR TEXT</Font>
There are seven values that you can use, the largest=1 and the smallest=7. Look at this examples:
SIZE=7 <FONT SIZE=7> SIZE=7 </Font>
SIZE=6 <FONT SIZE=6> SIZE=6 </Font>
SIZE=5 <FONT SIZE=5> SIZE=5 </Font>
SIZE=4 <FONT SIZE=4> SIZE=4 </Font>
SIZE=3 <FONT SIZE=3> SIZE=3 </Font>
SIZE=2 <FONT SIZE=2> SIZE=2 </Font>
SIZE=1 <FONT SIZE=1> SIZE=1 </Font>
You can put attributes (SIZE and COLOR) together inside the same FONT tag like in our next example:
<FONT SIZE=5 COLOR=RED>
You have made it to the end of this lesson. Try working examples from this lesson on your own or using iDragstor lab.
|
|
|
