•November 4, 2009 • Leave a Comment

http://bit.ly/34Xsih

•November 4, 2009 • Leave a Comment

http://bit.ly/2iEwuT

•November 4, 2009 • Leave a Comment

http://bit.ly/2iEwuT

•November 4, 2009 • Leave a Comment

http://bit.ly/2iEwuT

The easiest HTML guide for beginners

•May 31, 2007 • Leave a Comment

Let’s begin to create your first web page. To make this truly the easiest guide, we will ignore some technical terms and details that you don’t need to know right now.

This tutorial will guide you in creating a simple web page containing text, image, links to other web pages, and email link. What you need for this tutorial is only a simple text editor program like Notepad or other programs that you use for writing text on your machine. If you’re using Windows 95/98, just click ‘Start’ -> ‘Programs’ -> ‘Accessories’ -> ‘Notepad’

First, type the first line of our web page

<HTML>

then type this

</HTML>

You can type them in capital case or lower case. It doesn’t matter. I typed them in capital to make it easy to read. Nothing has happened yet; we have just told the browsers (Netscape, Internet Explorer, and etc.) that this is a HTML document. The first <HTML> is to tell the browser that “Here’s the begining of HTML section.” </HTML> tells the browsers that “Here’s the end of HTML section.” Inside these two tags is where you will put the contents of your web page in.

Notice that we have <HTML> and </HTML>. This is how we open and close HTML tags. The closing tag is always in </…..> format. In most case, you will have to close every tag that you open.

Next, add a HEAD section to your web page.

<HTML>
<HEAD>
<TITLE>My first page</TITLE>
</HEAD>
</HTML>

<TITLE> tells the browsers that the title of our web page is “My first page.” This sentence will appear at the top of browser window. Where? Look at the top of this window (the one that you’re reading) and you will see “The easiest HTML guide for beginners”

OK. Now, let’s put in the first word that the browser will display.

<HTML>
<HEAD>
<TITLE>My first page</TITLE>

</HEAD>
<BODY>
<H1>HELLO</H1>
</BODY>
</HTML>

We put <BODY> to tell the browser that this is the starting point of the body of our document. <H1> refers to header 1, which is the biggest size (see below.) You can try from <H1> to <H6>. Different numbers will yield different sizes.

Here is an example: 

h1

h3

h5

Let’s get back to our document. It now looks like this in a browser.

HELLO

Let’s save this web page and view it in your browser. Save the page using ‘save as’ and name it whatever you like. Let’s name it “mypage.htm” Please remember the location of your file. You may create a new directory for it or just simply save it in drive C. Open your web browser (Netscape or Internet Explorer) and try to open the file that you just save. Click on ‘File’ -> ‘Open’ and type in c:\mypage.htm or the path to your file.

You should see a big “Hello” in your browser.

Now, we’ll add a sentence and align it.

<HTML>
<HEAD>
<TITLE>My first page</TITLE>
</HEAD>
<BODY>
<H1 ALIGN="CENTER">HELLO</H1>
<P ALIGN="LEFT">This text is aligned "left"
<P ALIGN="RIGHT">This text is aligned "right"
</BODY>
</HTML>

<P> refers to paragraph. You don’t need the closing tag for <P>, but some people put the closing tag as a  reminder. <P> is the way to tell the browser to begin a new line. We have put the word ALIGN after <P>. It’s what called an attribute, an optional indicator. Some attributes need quotation marks, but some don’t. An easy rule to remember is to put the quotation marks in every attribute.

Here is how our page looks now:

HELLO

This text is aligned “left”

This text is aligned “right”

Next, let’s add an image on our web page. You can insert an image by using this tag <IMG src=”….the name and the location of your image ….”> Please see the example below.

<HTML>
<HEAD>
<TITLE>My first page</TITLE>
</HEAD>
<BODY>
<H1 ALIGN="CENTER">HELLO</H1>
<P ALIGN="LEFT">This text is aligned left.
<P ALIGN="RIGHT">This text is aligned right.
<P ALIGN="CENTER"><IMG src="tipsbanner.gif">
</BODY>
</HTML>

HELLO

This text is aligned left.

This text is aligned right.

<IMG src=”tipsbanner.gif”> tells the location of your graphic file. If it isn’t in the same directory of your web document (the one that we are working on), you have to specify it differently. For example, calling it from your hard drive <IMG src=”c:\your_image_directory\image.gif”> calling it from the location on the WWW <IMG src=”http://www.your_name.com/image.gif”&gt;

You might have a question by now. How can I get an  image? There are many ways: use a scanned image from a scanner, download free clipart from other web sites, create it yourself, etc. To use scanned images, you have to buy a scanner.

Then, you can scan your photographs. To create it yourself, look for the tools at our “Web Graphic Tools” page. To learn more about the graphic file format, visit our GIF or JPEG page

Our Yahoo and Google keyword

•May 31, 2007 • Leave a Comment

Dear visitor, please remember our yahoo and google keyword is: “tips and tricks”

Making The Help Area your startpage

•May 31, 2007 • Leave a Comment

What about get Help Area directly when you open your browser? Looks cool? Its simple: 

Internet Explorer 
Tools -> Internet Options -> General -> where its say Address you must type 
http://helparea.wordpress.com 

Netscape 
Edit -> Preferences -> Navigator -> Select Navigator Starts with “Home page” 
On right side of Location you will have to type: http://helparea.wordpress.com 

No, i dont want it anymore! Ok, just repeat the steps and type http://www.yahoo.com

 
Follow

Get every new post delivered to your Inbox.