Popular Posts

  • Learn HTML First!
    Learn Web Designing -Learn different web designing languages and much more <br /&a...
  • 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 belo...
  • (no title)
    If you want to bold your contents in the web page use: <B> type your text here </B> Below is the example in the program: html...
  • (no title)
    HTML Images HTML images are defined with the <img> tag For example: <img src="picture1.jpg" width="98" heigh...
  • 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...

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>
 











Posted by Cameron at 16:21 0 comments
Labels: , , , , , ,

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:
<br> <br>
<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:
  1. One
  2. Two
  3. Three
 

Let me explain the above tags used to create a list of items:
<ul> … </ul>
“Ul” stands for unordered list and used to create bulleted list
<ol> …</ol>
“Ol” stands for ordered list and used to create a numbered list
<li> … </li>
“Li” stands for listed items and is nested within ordered or unordered tags
<br> 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 <br> 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:
<br><br><br>

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

Posted by Cameron at 14:57 0 comments
Labels: , , , , , ,
Location: Canada

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

Posted by Cameron at 16:56 1 comments
Labels: , , , , , ,

Wednesday, 27 July 2011

HTML Images

HTML images are defined with the <img> tag

For example:
<img src="picture1.jpg" width="98" height="210" />

Posted by Cameron at 14:02 0 comments
Labels: , , , , , ,

Thursday, 14 July 2011

If you want to bold your contents in the web page use:
<B> type your text here </B>
Below is the example in the program:
html>
<head>
<title>Title of page</title>
</head>
<body>
This is my first page
<b>This text is bold</b>
</body>
</html



Posted by Cameron at 14:31 0 comments
Labels: , , , , , ,

Friday, 8 July 2011

Today ,I'll explained some more tags:
<html> tag:
  • It used to describes the web page 
 <body> tag:
  • It used to display the web page contents in your browser
<h1> tag:
  • It used to display the heading in your page
More Heading tag: 

<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>

<p> tag:
  • It used to display the paragraph in your page


    Posted by Cameron at 17:23 0 comments
    Labels: , , , , , ,

    Thursday, 7 July 2011

    Learn HTML First!

    Learn Web Designing -Learn different web designing languages and much more




    Here I'll teach you different web designing languages and SQL  as well but first we will start by learning HTML:

    HTML stands for Hyper Text Markup Language
    Basically,HTML is not a programming language,it's a markup language
    A markup language is the collection of markup tags e.g < > and HTML uses markup tags to define a web page 

    For Example:

    <html>
    <body>

    <h1>My First Heading</h1>
    This is my first web page
    <p>My first paragraph.</p>

    </body>
    </html>

    To TRY! save the above code into a notepad on your local drive and named anything with the extension ".html" ,so let say "test.html" but the most important thing is to remember ".html" extension.






    Posted by Cameron at 16:19 2 comments
    Labels: , , , , , ,
    Subscribe to: Posts (Atom)