iNFO@BUGS_BLOG: Learn basics of HTML in jus 30min

WEB DESIGNING is a interesting thing to do when you are free or sitting idle before your pc.
The main reason for this is you can see What you do!!!.
All you require ,to start designing your first web page, is a text editor (note pad) & a web browser(newer prefered).

STEPS:

1.Firstly open the note pad

2.Then write all the tags that i`m gonna tell you next there.

3.Then save the document with .html or .htm(win 2000) extension.

4.open the same using your browser to see your FIRST WEB PAGE!!!!

Hmmm seems interesting right???

then read on.........

So lets start with the tags..

The trend in HTML(Hyper Text Markup Language) is that a command (called tag here) starts first then the area on which the command works, then comes the end of command
 EX:<start> the command works here </end>

a more precise example--: this gives bold letters

so all you need is to arrange following tags in order (of course of ur choice) to dreate tour web page....

read on........

BASICS TAGS:

<html>--tells the notepad that document is of HTML type(has to be written at the beginning)
<head>-- heading area begins
<title>....</title>-- Gives the title that appears on title bar
<body>....</body>-- body of ur html comes between this.

TEXT TAGS:

<h1>....</h1>-- Header tag,as number increases size of text changes
-- to make paragraphs (note no end tag like required)
<hr />....</hr>--to Draw a line Between to text lines
 ...-- Give a tab space below n above a text line
-- gives bold letters --italics <tt>-- typewriter font
...</font-- this is used to channge font`s color etc(NOTE: its used only for a limited fonts)

here "#FF0000" is the hex code of colors to know more go to http://www.hidaho.com/colorcenter/cc.html

If you want to `ve uniform font color,style etc you need to specify it in body tag as follows

Format--:

<body> 
that *------* includes:

1.bg color="hex code"==> bacground color

2.text="hex code"==>text color

3.link=""hex code"==>color of link(Link is a clickable text,image etc which drives the browser to another page or part)

4.
vlink="hex code"==>color of already visited link

5.alink="hexcode"==> color of active link (ie on mouse roll over)

NOTE: Use all these seperated by a semicolon[;]

Last say:Please note that i`ve posted this assuming that reader has got some basic knowledge about using a computer like opening n saving a document etc.
And the main purpose of posting is to create interest in HTML designing, as i`ve tried hard not to make mistakes ,but they are bound to occur so excuse n mail me those k thank u
BASED ON COMMENTS I`ll POST FURTHER POSTS WHICH INCLUDE USING LISTS,TABLES,IMAGES ETC SO PLZZZZ COMMENT

iNFO@BUGS_BLOG

Sunday, February 7, 2010

Learn basics of HTML in jus 30min

3 comments:

Missing Time travellers