Learn Web Designing easily,HTML

Friday, 5 August 2011

Color Background and Text

In this lesson ,I’ll show you how to display colors in the background of your web page as well as text color.

Type or copy paste the below program in the notepad and save it with the “.html” extension.

Under the body tag, you can choose the color what you wanna choose,for example you can choose Red or Green instead of lightblue color under body tag and you can also choose any color for the contents of the web page.

<body bgcolor="lightblue" text="green">

Program:

<html>

<head>

<title>Learning a Color Web Page</title>

</head>

<body bgcolor="lightblue" text="green">

This is my color web page

</body>

</html>

Tuesday, 2 August 2011

More Bullets

Now I’m going to create a number list , so please type the below code in your note pad and save the file with “.html” and open a web browser and open this file.

<html>

<head>

<title> This is my web page </title>

</head>

<body>

Now, I'm going to create a list of number bullets:

 

<ol>

<li>One </li>

<li>Two </li>

<li> Three </li>

</ol>

</body>

</html>

Output:

Now, I'm going to create a list of number bullets:

One
Two
Three

Let me explain the above tags used to create a list of items:

“Ul” stands for unordered list and used to create bulleted list

“Ol” stands for ordered list and used to create a numbered list

“Li” stands for listed items and is nested within ordered or unordered tags

is used to add a single line of space on a web page

This is an empty tag and stands alone. You can use the tag to insert one or more blank lines,so let say if you wants to add three spaces on your web page write the below code anywhere inside your body tab:
 

Also ,if you want to add a Horizontal line on your web page, type this tag anywhere inside the body tags where you want to insert a line:
<hr>

Remember: HTML is not a case sensitive language

Monday, 1 August 2011

How to add Bullets on web page

BULLETED LIST:

Today, I’ll show you how to display bullets on your web page.

Try to write it down or copy paste the below codes in your note pad:

<html>

<head>

<title> This is my Fruit web page </title>

</head>

<body>

Here is my Fruit List:

<ul>

<li> Banana </li>

<li> Mangoes </li>

<li> Oranges </li>

</ul>

</body>

</html>

Output:

Here is my Fruit List:

· Banana

· Mangoes

· Oranges

Learn Web designing

Popular Posts

Friday, 5 August 2011

Color Background and Text

Tuesday, 2 August 2011

More Bullets

Monday, 1 August 2011

How to add Bullets on web page