|
How
to put "HTML" Tag |
|
All HTML documents must
begin with the <HTML> tag to notify the user's browser that the source
code needs to be decoded and shown in HTML format. The closing tag should
be the very last tag implemented in the source code. The code should like
this:
<HTML>
Put other html here.
</HTML> |
|
How
to put "HEAD" Tag |
|
Between the HEAD Tags is
where you should place the COMMENT, TITLE, and META Tags. The HEAD tags
should be placed directly after the first HTML tag. The code should like
this:
<HTML>
<HEAD>
<TITLE>Extra Income for
Webmasters</TITLE>
</HEAD>
put other html here.
</HTML> |
|
How
to put "COMMENT" Tag |
|
The COMMENT Tag(s) should
be placed between the HEAD Tags. The COMMENT Tag's text should be typed
like this:
<!-- type text here -->
COMMENT Tags are used to
identify the name of the author, or to post the date or time the document
was created. The final code should look like this:
<HTML>
<HEAD>
<!-- Author: trunkz
-->
<!-- Date Created: 3/27/99
-->
</HEAD>
put other html here.
</HTML> |
|
How
to put "TITLE" Tag |
|
Like the COMMENT Tag, the
TITLE Tag should also be inserted between the HEAD Tags. The Title is shown
on the Title bar on most browsers, and is the text that is linked to the
site on search engine results. The code should look like this:
<HTML>
<HEAD>
<TITLE>Extra Income for
Webmasters</TITLE>
<!-- Author: trunkz
-->
<!-- Date Created: 3/27/99
-->
</HEAD>
put other html here.
</HTML> |
|
How
to put "BODY" Tag |
|
The BODY element is where
all of the text, graphics, etc. is entered. This is mainly where all of
the information that the users will see on their screen is implemented.
The BODY Tags should be added after the HEAD Tags. The HTML should look
like this:
<HTML>
<HEAD>
<TITLE>Extra Income for
Webmasters</TITLE>
<!-- Author: trunkz
-->
<!-- Date Created: 3/27/99
-->
</HEAD>
<BODY>
put other html here.
</BODY>
</HTML> |
|
How
to put "BREAK RULE" Tag |
|
The BREAK RULE is forced
the text to begin a new line. will be like this:
Extra Income for Webmasters
<br>
Email me at [email protected]
<br>
http://www.welcome.to/ei.com
<br>
Example:
Extra Income for Webmasters
Email me at [email protected]
http://www.welcome.to/ei.com |
|
How
to put "HEADING" Tag |
|
There are currently (6)
different heading sizes you can choose from to change the text size in
your HTML document. Here are the different sizes that you can use:
<h1>Extra Income<h1>
<h2>Extra Income<h2>
<h3>Extra Income<h3>
<h4>Extra Income<h4>
<h5>Extra Income<h5>
<h6>Extra Income<h6> |
|
How
to put "PARAGRAPH" Tag |
|
The PARAGRAPH Tag is another
simple tag to use. It should be used at the beginning of a new paragraph.
Here's the HTML:
<P>text here.
Pretty simple right? Of course,
you can align the paragraph by doing this:
<P ALIGN=right or center>
Since the default alignment
of all objects in HTML is left, it really isn't necessary to use "left"
as a variable. |
|
How
to Insert an image |
|
Images
are easy to add to your page, just add a line like this in you document:
HTML:
<IMG SRC=ei_button.gif>
Example:
|
|
How
to link an image |
|
"Linking
an Image" is when you take a image and make into a hyperlink
as well. This enables a user to click on the image and it will take it
to the designated document.
This button will link the
user to http://www.welcome.to/ei.com
HTML:
<A HREF="http://www.welcome.to/ei.com"><IMG
SRC="ei_button.gif"></A>
Example:
|
|
How
to put "IMAGE" Tag : (ALT,ALIGN,WIDTH,HEIGHT,
and BORDER) |
|
"ALT"
- this text will be seen in the image's border before the image has been
loaded.
HTML:
<IMG SRC="ei_button.gif"
ALT="Extra Income for Webmasters.">
Example:
ALIGN
• TOP
- This pushes the text beside the top of the image.
HTML:
<IMG SRC="ei_button.gif"
ALIGN=top>Extra Income for Webmasters.
Example:
Extra
Income for Webmasters.
• BOTTOM
- (HTML Default) moves the image to the text baseline.
HTML:
<IMG SRC="ei_button.gif"
ALIGN=bottom>eExtra Income for Webmasters.
Example:
Extra
Income for Webmasters.
• MIDDLE
- This aligns the middle of the image with the text.
HTML:
<IMG SRC="ei_button.gif"
ALIGN=middle>Extra Income for Webmasters.
Example:
Extra
Income for Webmasters.
• LEFT
- Aligns the image to the left of the text.
HTML:
<IMG SRC="ei_button.gif"
ALIGN=left>Extra Income for Webmasters.
Example:
Extra
Income for Webmasters.
• RIGHT
- Aligns the image to the right of the text.
HTML:
<IMG SRC="ei_button.gif"
ALIGN=right>Extra Income for Webmasters.
Example:
Extra
Income for Webmasters.
TheBORDER
attribute is used to control the border size around the image when the
image is hyperlinked.
HTML:
<A HREF="http://www.welcome.to/ei.com"><IMG
SRC="ei_button.gif" BORDER=8>
Example:
The
WIDTH
and HEIGHT attributes are used to specify
the intended image size. Although these attributes are not required to
be defined, it is best if you do, the page will load faster.
HTML:
<IMG SRC="ei_button.gif"
WIDTH=88 HEIGHT=31>
Example:
|
|
How
to create a link |
|
To create a link on your
page. just insert this line in your HTML:
when you click on
it. it will display on the same window.
HTML:
<A HREF="http://www.welcome.to/ei.com">Extra
Income for Webmasters</a>
Example:
Extra
Income for Webmasters
when you click on
it. it will display on a different window.
HTML:
<A HREF="http://www.welcome.to/ei.com"
target="new">Extra Income for Webmasters</a>
Example:
Extra
Income for Webmasters |
|
How
to put background color |
|
Your background can be either
a solid color or a tiled imaged.To make the background red, try this:
<BODY BGCOLOR=FF0000> |
|
How
to put background image |
|
To use an image as the background,
insert this code:
<BODY BACKGROUND=image.gif> |
|
How
to put background sound |
|
ithe
file format can be .wav or .mid insert this code:
<BGSOUND SRC= "example.mid"
loop=true autostart=true> |