This report is an introduction to the most fundamental language of the World Wide Web, HTML (Hyper Text
Markup Language). With the use of HTML, you will be able to create documents that can be seen on the Internet
World Wide Web. Hence, the understanding of HTML empowers you to use this new medium of mass
communication that is now accessible to over 100 million people worldwide.
In its basic and most practical form, HTML is painless and extremely easy to learn. All you have to do is memorize
specific sets of tags and understand what they mean.
For example, to make a word or a string of words turn bold,
you need to put a <B> tag before the word and
a </B> tag after the word.
<B> HELLO </B>
*********
HTML SOFTWARE The popularity of HTML has ignited a barrage of packaged software that write HTML documents on WYSIWYG format similar to that of desktop publishing. All you have to do is type the words and the software automatically inserts the HTML tags for you. These new programs enable you to create webpages without having to learn a single HTML command.
When reviewing this type of software, our programming team found three programs worth recommending:
- Front Page
- HotDog
- Spider
Out of these three programs, I like NaviPress the best. It offers extensive design maneuverability and is very intuitive. You can create your first webpage even without reading the manual. The retail price of NaviPress is under $100.
LEARNING THE BASICS In spite of the availability of HTML programs, it is still quite helpful to learn the HTML language in its most basic form. Your knowledge of basic HTUL tags and commands will help you better understand how the Web works. In fact, it is probably easier to create simple webpages using a few HTNE tags, than to use HTML software.
WHERE THE MONEY IS Learning HTML can benefit you financially, giving you the skills you need to communicate to mass audiences via the World Wide Web. You can use your HTML know-how to create marketing and sales information materials to market products and services on the Internet.
Another way to profit with HTML is to offer your services to others. The going rate for HTML typesetting is around $35 for 1,000 words. This means that if you type a 1,000-word document in half an hour, you can make $35 every half hour, the equivalent of $70 per hour. This is one reason more and more people are learning how to write HTML. It has become a lucrative field that adds a premium to an otherwise ordinary skill, typing.
This report promises to teach you how to write HTML in ten minutes or less, so hold on to your keyboard. Just follow the step-by-step instruction that follows, and you will be set to create your first webpage.
Quick Start:
Write Your First Web Page Using HTML
- TURN ON NOTEPAD...To write your web page using HTML, we are going to use Notepad, which you
already have if you have Windows. To get started, under Program Manager,
open the Accessories program group and click on Notepad.
(FOR DOS USERS: At the C:> prompt, type EDIT to open the "Edit" program.)
- TYPE THE FOLLOWING..Simply type the following commands and text, line by line, just as you see it.
<HTML>
<BODY> <LEFT>
<TITLE> My Company, Inc. </TITLE>
<P>
<HEAD><Hl> Welcome To My Company, Inc. </Hl></HEAD> <BR>
Believe it or not, My Company specializes in designing webpages using HTML. At this point, it really does not
matter whether or not I really understand what I was doing. I am just learning a new skill that will enable me to put
stuff on the World Wide Web - for others as well as for My Company. Thank you. </BODY> </LEFT>
</HTML>
3. SAVE ITSave what you just typed as "company1.htm" (Since anything typed on Notepad
is automatically saved as a . txt file, it is important that you change the default .txt to .htm )
4. CONGRATULATIONS!You have just written your first webpage, called "company1.htm". If you load this file into a web server, this is how
it will look on the World Wide Web.
(Use your Netscape browser to view your webpage.)
FIRST-TIMERS...
The objective of this report is to show you how to create simple webpages using basic HTML. To a large extent,
the exercises contained in this report are designed for individuals seeking to create webpages for the very first
time.
The acronym HTML stands for Hyper Text Markup Language. It is the language used for writing documents
designed to be viewed via the World Wide Web.
HTML COMMANDS...
HTML is comprised of < commands > which instruct the computer on how to display your text and graphics on the
World Wide Web. All commands are typed enclosed between the less-than sign " < " and the greater-than sign
" > ".
Example: <BODY>
CANCEL [ / ] COMMANDS...
To terminate or cancel a command, simply put a forward slash [ / ] symbol before the command word within the < >
signs.
Example: </BODY>
FASTEST WAY TO LEARN HTML.
The exercises found in this report use HTML in its most basic and practical form. This, we believe, is the fastest
way for you to learn HTML and create your first webpage.
BASIC COMMANDS.
Exercises used in this report will primarily focus on the following HTML commands and their usage.
<HTML> </HTML>
All HTML documents must begin and end with these two commands respectively.
<TITLE> </TITLE>
Give your HTML file a title which automatically appears on the title bar of a web browser.
<BODY> </BODY>
Aside from the title, the rest of the text you type comprises the body of your HTML web page.
<LEFT> </LEFT>
Alignment commands include <right> <center> and <justify>.
<HEAD> </HEAD>
Use this to format text for headlines.
<HI> </Hl>
Use these to assign headline sizes...
H1, the largest, is approximately 24 points. H6, the smallest, is approximately 8 points.
<B> </B>Render enclosed text bold using these.
<I> </I>Make a text or a string of text italic.
May be combined with < B > for bold italic
<B> <I> Makes It Bold And Italic At The Same Time </B> </I>
<UL> </UL>
Use this to begin and end a list. Each item on the list uses the <LI> command.
<LI> </LI>Use this for each item on your list
<BR>
A forced break, indicating a carriage return, creating a line space.
<P>
Paragraph. Indicates the end of one paragraph and the start of a new one.
SAMPLE
This is the HTML file of the webpage shown below.
If you have Internet access you can view this page on http://adpages.com/mywebsite/product3.htm
************************
<HTML>
<TITLE> PRODUCT ONE </TITLE>
<BODY> <LEFT>
<HEAD> <HI> SAVE BIG BUCKS ON MY PRODUCT </Hl> </HEAD>
<H4> IT'S THE BEST PRODUCT YOU WILL EVER FIND </H4> <BR>
Your search is over. My product is here and it can solve all your problems. It's really the best product money can
buy; and it's really cheap.
Imagine, you can buy my product for <B> about half </B> what
you pay for other products. <P>
Just think of all the things you can really do with my product.<UL>
- <LI> You can use it in the morning </LI>
- <LI> You can use it at night </LI>
- <LI> You can use it during rainy days </LI>
- <LI> You can use it during sunny days </LI></UL><BR>
In parting, I would like to stress that my product has been voted <I> The World's Leading Product of It's Class </I>
by the Product Consumer Board.
<P>
So, please do not waste time! Order my product right now. </LEFT>
</BODY>
</HTML>
***************************
ADDING GRAPHICS & HOTUNKS TO YOUR WEBPAGE
What makes the World Wide Web attractive over any other branch of the Internet is its capability to display
graphics and offer hypertext links, generally referred to as hotlinks. Because webpages are written in HTML, it is
easy to include graphics and hotlinks, a feature that makes webpages not only visually pleasing, but also
interactive.
Graphic or hotlink insertion has a format similar to that of basic HTML commands, whereby it uses the same [< >]
greater-than / less-than signs to distinguish the commands from the rest of the text that appears on a webpage.
ADDING GRAPHICS.
The key command for adding graphics is <IMG SRC=......... > wherein you
place the URL or address of the desired graphics between the two [ "... " ]
quotation marks. In the example below, we are adding a photo, previously saved in our web server, of a pile of
money to our Product1.htm webpage. Hence, we add this line to our HTML file...
<IMG SRC="http:adpages.com/mywebsite/money.gif>
INTERPRETATION:
This command line means that you want your webpage to use the graphic file
named money.gif which is already saved on the domain called adpages.com and
under our website called mywebsite. This graphic file is a photo of a pile of money, as shown on the next page.
ADDING HOTLINKS...
The key command for adding a hotlink is <A HREF= " .... " > </A> where in you have to put between the two [ "... " ]
quotation marks, the URL or address of where you want to link to, and the hotlink word or words that you want your
readers to click on to activate the link.
In the example we have below, we are adding to our Product1. htm webpage a
hotlink that will link our readers to our first webpage (called company1. htm) which tells our reader a little about our
fictitious firm, called My Company, Inc. Hence, we added this line to our HTML file ...
<A HREF="http://adpages.com/mywebsite/companyl.htm"> about our company </A>
INTERPRETATION:
This command line means: when someone reading the webpage called Product1.htm clicks on the words "about
our company", they will automatically be linked to the webpage called Companyl.htm - which is a webpage about
our fictitious firm, My Company Inc.
NOTICE: Next page consists of the HTML files and the sample screen of Product2.htm, which is an expanded
version of our Product1.htm webpage. What we did was add graphics and a hotlink and then gave it a new file
name (Product2.htm) in order to distinguish it from our Product1.htm file.
Next Article : WHAT IS A DOMAIN NAME ?
UNDERSTANDING ITS ECONOMIC PROPERTIES
No comments:
Post a Comment