Monday, 20 May 2013

Lesson 6


Lesson 6 - Basic Characterization


This lesson will teach you the basic characterization in HTML.

Divisions are easy and comfortable to deal with. So that's what I'm going to teach you. The basic division.

Remember to remove * wherever you see.

<*div style="background-color:#000000;font-size:14px;font-family:'century gothic';text-align:center;padding-top:20px;padding-bottom:20px;color:#FFFFFF;">INSERT YOUR TEXT HERE </div>

So going step by step I'll explain everything, that is, which code does what and how to change them according to your own needs.

#000000 is the background color code. You can change this code to whichever color you prefer. Just Google 'HTML Color codes' and you will find tons of different codes.

14px is the size of the font and Century Gothic is the font. You can change them as well.

Text-align Center means where you want the text to be placed. You can change it to right, left whichever you prefer.

Padding top: It represents how much empty space you want to leave from the top before writing starts. Similarly padding bottom shows how much space to leave from the bottom. You can change the number before 'px' according to your preference.

Borders


This is the basic code. <*div style="border-color:#000000;border-width:3px;border-style:double;">

Replace #000000 with any color code of your preference.
Double is the border style. You can change that to regular,dashed, dotted etc.
3px is the width. You can also change to any number.

Now if you want to add back ground color and other characteristics add them up using the basic characterization code. It will look something like this

<*div style="font-size:14px;font-family:'century gothic';text-align:center;padding-top:20px;padding-bottom:20px;color:#000000;border-color:#000000;border-width:3px;border-style:double;*"> TEXT HERE

ASSIGNMENT

1.Write a small paragraph about anything you want using the basic characterization code. Change the background color, font size, font style and padding top and bottom.
2. Write a sentence and add border to it.
Oh! And you can even do these sentences in bold, italics and underline if you want!

18 comments: