Wednesday, May 16, 2007

HTML - Paragraphs

Description:
Every text you want to publish in your pages requires the usage of paragraph tags.

Usage:
<p> Place your text between the tag. </p>
<p align="center"> Place your text between the tag. </p>
<p align="left"> Place your text between the tag. </p>

Example:

Place your text between the tag.


Place your text between the tag.


Place your text between the tag.




Attributes:

align-
class-
dir-
id-
lang-
onclick-
ondblclick-
onkeydown-
onkeypress-
onkeyup-
onmousedown-
onmousemove-
onmouseout-
onmouseover-
onmouseup-
style-
title-

Tuesday, May 15, 2007

HTML - Fonts

Description:
Html fonts will be used to shape your texts in pages.

Usage:
the simple tag for fonts is:

<font> Your Text Should Be Between the tags. </font>

You should place your text between the font tags. Only the text between the tags will be affected by the font tags.

<font size="10"> Your Text Should Be Between the tags. </font>
not between the tags therefore the size of the text will not be changed.
<font size="13"> Your Text Should Be Between the tags. </font>


Example:

Your Text Should Be Between the tags
not between the tags therefore the size of the text will not be changed.
Your Text Should Be Between the tags

Attributes:
Font tag takes on this attributes:

class - will be used to attach a style sheet. (will be cover later on)
color - The color you want your text to be. Yellow , red , blue...
style -
size - The size of the text
face - The font list . Arial , Verdana . Times New Roman....
lang - The language of the text.

All this attributes are optional. You may use them all or you may not use any of them.

HTML - Attributes

Html attributes are used to make your tags unique. Every tag can be unique. Such as lets use the body tag we already now.

<body bgcolor="red"> In this case the attribute we use here sets your page's background color to red.

Attributes can be used to make your texts bold , bigger , smaller...

Monday, May 14, 2007

HTML - Hello World

Hello World is the most basic piece of code that runs properly and display some text to the screen. Ok lets start.

  1. Open Notepad or any other program you like to use to create HTML code.
  2. Place this code in the notepad.
    <html>
    <head>
    <title> Hello World This is The Title of My Page </title>
    </head>
    <body>
    Hello World !!
    </body>
    </html>
  3. Click File from the menu and click save as.
  4. Type in hello.html where it says filename and hit save.
  5. You just created your first page using HTML.
  6. Double click on the file you created and let it open. You should see "Hello World !!" in your browser.

HTML - Tags

Everthing you see in this page consists of tags. The title of the page , the texts you are reading. Now lets go deeper in tags.

This is basic html code:

<html>
<head>
<title> </title>
</head>
<body>
</body>
</html>


First of all as you noticed every tag (items in <> ) is been written twice. They opened and closed.
<html> </html>

First tag is the opening tag and the second tag is the closing tag. Notice how the / is used.

Ok. Now lets explain what the each tag means.

<html> tag tell the system that this file is a html file. After system reads this line it runs this file using a HTML reader.

<head> This part does the dirty work. It job is to run some commands that user will not see. Such as telling search engines about what the page is about. You will also place your meta tags, css code , javascript code in here. Do not worry for those now. They were just to give you ideas about the usage of head tag.

<title> This tag places a text on top of the explorer. It is usually the topic of your choice for the pages you create. For this page of mine i choose th title as HTML - TUTORIAL. You can create different topics for your every single page.

<body> This part of the html is where you place your code to be shown to visitor. Unlike <head> you place everything that you want it to appear in your webpage. Such as pictures, texts , forms , movies.....

HTML - Introduction

Hyper Text Markup Language - HTML

Html is the main language of the internet. All the websites you see are design using html language. Html is a very easy language.

Tools You Will Need

The only tool you will need to program is notepad. Notepad comes free with every operation system. So you do not need pay a penny to learn HTML.

History Of HTML

HTML was created with around 1990 right after internet was invented. And today HTML is the most popular programming language in the world.