Gud a.m mr. Lecturer, xpertise and my co-learners, pls op, i dont understand the target attribute in link, pls explain with pictorial examples. Thanks

Editing Fonts:
To change the font of a text, the font name would be included as the value of the property-'font-family'.
E.g
p{font-family:Arial;}
However, it is better to include more than one font-family name. This is important if a browser does not support the included font.
p{font-family:Arial, Verdana, Sans-Serif;}
NOTE:
1) The font family names are separated by commas and not semi-colons. This is because the font family names are not different values but options for a value.
2) The first font-family name is the first choice followed by the second one ...,e.t.c
3)At the end of the font-family name options, include the generic font name. The browser will use this to select a font if none of the fonts you included are supported by the browser.
4) Contain font-family names that are in multiple words, in double quotation marks. E.g "Times New Roman"

The font-size property:
This is included to specify the size of a text in a particular unit e.g pixels. It can be used to specify size for paragraphs, headings,e.t.c. However, do not increase the size of your paragraph text or any element to make it appear as headings. The h1-h6 tags are used for this. If you ignore this, it will affect the structure of your page when it is indexed by search engines.
E.g
p{font-size:17px;}
If the font-size is not set, the default size of the element is used.

Thus, if we want to style the<p> tag, it will be something like this:
p{font-family:"Lucida Console", "Courier New", Monospace;
font-size:17px;
}

PART 8:Styling Links with CSS
By default, an unvisited link is blue, a visited link is purple and an active link is red. The just concluded statement has been discussed in an HTML post. However, we might need to change this f the color of links match with the color of the page text or just for aesthetic purposes. There are many ways to go about this but the easiest way to this is what I shall discuss.
Syntax
a:link {color:color name;}
a:visited {color:color name;}
a:hover {color:color name;}
a:active {color:color name;}
NOTE:
1)a:link refers to an unvisited link
2)a:hover can appear only after a:link has been specified
3)a:active can appear only after a:hover has been specified

Remember that the color name can be a color name, an HEX value or a RGB value.

The property text-decoration, can be used to make a link underlined.
Syntax
a:link:{text-decoration:none}
NOTE: 'link' in 'a:link' can be replaced with visited, hover or active.

Next, lets view an image that discusses the CSS rules we have discussed.

Lets go there! We should get this started, before i get banned again!!


#



END TIME TINZ (my new signature)

CSS Rule

CSS Rule above applied to an HTML document.

Great jop @op weldone

Boss Iyenimofe, Kudos to u for your selfless work. Please, how can i create a school site like this: amvilleschools.com can i do it with wordpress, joomla or dreamweaver??

jay4genius: Boss Iyenimofe, Kudos to u for your selfless work. Please, how can i create a school site like this: amvilleschools.com can i do it with wordpress, joomla or dreamweaver??

Why do you not want to try coding from the scratch?

PART 9: Styling Lists with CSS
In our Introduction to HTML courses, we discussed about lists-unordered,ordered and definition. Each type of list has its peculiar feature. Each list item <li> in an unordered list is preceded with a bullet point and in an ordered list, numbers. However, this default preferences can be modified with CSS.
1)Styling Unordered Lists:
The bullet point that appears in unordered lists by default is a type of list item marker. A new list item marker can be set with the property- list-style-type. The possible values for this property are none,disc,circle and square.
Syntax
selector{list-style-type:value}
2)Ordered Lists:
Instead of digits 1,2,3,4,e.t.c other list item markers can be used. The possible values for the property list-style-type are alpha, roman, greek, latin, e.t.c
Syntax
selector{list-style-type:value}

It should also be noted that images can be used as list item markers.
Syntax:
ul {list-style-image: url;}

Next, let us examine an image that explains what we have just considered.

Styling Unordered Lists with values square, disc and circle respectively

Styling Ordered Lists with values roman and alpha respectively

iyenimofe:
Why do you not want to try coding from the scratch?

I know a HTML 100percent, and CSS 70percent. Coding could take me quite some time which i dont really have now. I just got enlisted for the batch C service, so we are expected to report to camp by November 5th. so you see, i dont really have time to code it from scratch. Tnx for your understanding

You can not know HTML 100 percent, even me sef wey be baba sef no reach 90 percent

dhtml12: You can not know HTML 100 percent, even me sef wey be baba sef no reach 90 percent

lol...my boss, no vex. i know sey u be chairman for HTML. I was just exagerrating about my knowledge of HTML.

isaiah981: i dont understand the target attribute in link

This attribute specifies where a linked document will be opened. By default, a linked document is opened in the same tab. However, this can be altered by different values that will make the linked document open in a new tab or window.

iyenimofe:
This attribute specifies where a linked document will be opened. By default, a linked document is opened in the same tab. However, this can be altered by different values that will make the linked document open in a new tab or window.

thanks, almost through with html, i wil join d css class very soon

The next part is Styling Tables with CSS

Pls op can u kindly go over how to reconcile my HTML with CSS?

Thanks

Sorry for the delay in posting the the next part. It shall be posted in the next 18 hours. We are never going on strike, though.

PART 10
Styling Tables with CSS
We treated tables in HTML. Certain. If you can recall, we discussed that tables-with the <table>-are used to arrange tabular data. Most designers, in the past, used tables to design whole web pages and in essence, whole websites. CSS put an end to that. With CSS, we can utilize an element called div tags-which we will discus in full later-to style web pages. So, it will be deemed archaic if you use tables to create your sites. However, tables are very powerful tools that can be used for multi purposes, if properly utilized. In this part we shall discuss some basic rules that can transform a traditional black and white table into something more interesting.