|
Home | Contact Us | Client Testimonials |
Portfolio
|
 |
The easiest HTML guide for beginners
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.
|
| |
Web design South Africa, Web Design Johannesburg, web design Sandton - African web design company
Web design South Africa web design company, web re-design professional web design and hosting including free web design consultation and web
search engine optimisation.
|
| |
|
|
