|
<!-- REMARK --> -
HTML Tag which allows you to implement comments into your HTML Code,
which would be hidden to the average browser.
Example: <!-- This text Cannot be seen by the user unless
the source is viewed. -->
Preview:
<A> -HTML tag which
allows aspects of your web page to be anchored, such as a link
<A HREF= "Http://www.masarcom.itgo.com">
Example: <A HREF="http://www.masarcom.itgo.com">Masarcom College</A>
Preview: Masarcom College
<ABBREV> - New HTML tag available
with HTML3.0 which allows you to abbreviate words on your web page
automatically.
Example: <ABBREV>Contained
words will be abbreviated.</ABBREV>
Preview: Not Available
<ACRONYM> - Like ABBREV, also a
new command with HTML 3.0 that displays the text acronym.
Example: <ACRONYM>Words within tags would reduce to
acronyms</ACRONYM>
Preview:
Not Available
<ADDRESS> - Command which changes
the format of the text to signify an address. This is generally used
with e-mail addresses.
Example:
<ADDRESS>support@computerhope.com</ADDRESS>
Preview:
<APPLET> - Command used with Netscape to implement a Java
application into a web page.
Example: <APPLET CODE="myapplet">Click here to see
Java applet.</APPLET>
Preview: View COOL FEATURES
to see Java applets.
Additional
Information: To insert
JavaScript into your web page you would use the <SCRIPT>
tag.
<AREA> - Defines a section of an
image that the user can click on. This allows you to have one image
with multiple clickable links within it.
Example: <AREA
CORD="10,20,150,125" SHAPE=rect HREF="http://www.masarcom.itgo.com">. The CORD that is used
in this example tells the computer where on the image the location
for the link is when your mouse is over that CORD; then, if
clicked, it will go to the web page. The SHAPE tells the browser
it is able to click and what type of shape the portion area
is.
Example:
<:map
name="menu">
<AREA SHAPE=rect COORDS="100,5,155,55" HREF="http://www.masarcom.itgo.com">
<map>
<img
src="title.gif" usemap="#menu"><BR>
More info: The
100,5,155,55 are telling the browser where the link is. 100
representing how far from the left you want the link to start. 5
representing how far from the top you want the link to start. 155
representing how far from the right you want the link to end. 55
representing how far from the bottom you want the link to
end.
Preview: On the
below image, move your mouse over the O and notice how that is the
only link on the image; clicking on that O would take you to our
main page.
<B> - Tells the
browser to display the text within the HTML tags to be bold.
Example: <B>This text would be in
bold</B>
Preview:
This text would be in bold
<BANNER> - HTML Tag used with HTML
3.0 used like scrolling but does not scroll with the rest of the
HTML document.
Example: <BANNER>Welcome to Masarcom College</BANNER>
Preview: Sorry currently not
available.
<BASEFONT> - Tells the browser the
new set for the font size can be 1 through 7. The default value is
3.
Example: <BASEFONT SIZE=2>
Preview: Preview not available to the
fact it changes all text below.
<BDO> - Tells the browser how to
display the text; for example, using the DIR attribute you can make
it go left to right using DIR=ltr Example: <BDO DIR=rtl>Makes text go opposite way<bdo> this just causes
the text to go right to left; this tag is usually used for
international purpose.
Example: <BDO DIR=ltr>This text would be going from
the left to the right.</BDO>
Preview:
This text would be going from the left to the
right.
<BGSOUND> - Allows you to play
your music on your web page with Internet Explorer; will not work
with people browsing with Netscape. You may also add the loop=
statement to specify how many times you wish the sound to play.
Example: <BGSOUND SRC=sounds.wav
loop=1>
Example:
<BGSOUND SRC=sounds.wav loop=infinite>
Preview: Preview
not available, we don't want music playing while reading this
page.
<BIG> - HTML 3.0 tag which allows
your text to be BIG.
Example: <BIG>This text would be
big.</BIG>
Preview: This
text would be big.
Example: <BIG><BIG>This text would be
bigger.</BIG></BIG>
Preview:
This text would be
bigger.
<BLINK> - HTML tag which can be
extraordinarily annoying when viewing a web page. Internet Explorer
does not incorporate this tag, but still is available with Netscape
Navigator.
Example: <BLINK>This text would be blinking if
compatible browser</BLINK>
Preview:
<BLOCKQUOTE> - Command
which allows you to indent your lines one inch from the left hand
side.
Example:
<BLOCKQUOTE> This would be one tab from the left hand
side.</BLOCKQUOTE>
Preview:
This would be one tab from the
left hand side.
<BODY> - Command
which should be located towards the top of your HTML code. This tag
is used to specify the color of the text, the links, the background
color and the background image.
Example: <body background="back.gif"
bgcolor="#FFFFFF" text="#000000" link="#000000" vlink="#000000"
alink="#000000" topmargin="0" leftmargin="0">
background="back.gif" -
This is telling the browser that you wish to have an image in the
background. The page you are currently viewing is one image tiled
down to create the appearance of a side column. If you wish to
create the same effect with your web page, you must remember to
create this image at least 1040 pixels in length; this will allow
your web page to be displayed properly with all resolutions up to
1024 x 768. A common mistake we have noticed is other web masters
creating images at 640/650 pixels in length which makes the image
tiled when viewing web pages over 640 x 480. For additional
information on video resolutions, see our Video Card
Page.
bgcolor="#FFFFFF" - This
specifies we wish to have a white background; while this is not
necessary when having an image as a background, it generally
creates a better transition for our page, considering it contains
mostly white. #FFFFFF is the hexadecimal for the color white. In
this tag you can also specify white instead of the hexadecimal
value.
text="#000000" - This tells
the browser to display all text black unless otherwise specified.
#000000 is the hexadecimal for the color black. This tag will also
allow you to specify the color by spelling it out.
link="#000000" - Specifies that links
on the page that have not been visited should be black. If this
tag is not specified the default color will be used, which usually
is a blue. #000000 is the hexadecimal for the color black. This
tag will also allow you to specify the color by spelling it
out.
vlink="#000000" - Specifies the
color of the links that have been visited. If this tag is not
specified the default color is generally purple. #000000 is the
hexadecimal for the color black. This tag will also allow you to
specify the color by spelling it out.
alink="#000000" - Specifies the color when
the link is active; this is generally specified for newer
browsers, old browsers under 3.x do not have any effect on this
code. The active link only changes when clicked (this is not used
to change the color when the mouse is moved over the link).
#000000 is the hexadecimal for the color black. This tag will also
allow you to specify the color by spelling it out.
topmargin="0" - Tells the browser not to have
a margin on the top of the browser window (this is generally a
small white space on the top of the page. We have noticed that
Netscape and older versions of Internet Explorer do not completely
eliminate the margin even if the value is zero.
leftmargin="0" - Tells the browser not to
have a margin on the left side of the browser window (this is
generally a small white space on the top of the page. We have
noticed that Netscape and older versions of Internet Explorer do
not completely eliminate the margin even if the value is
zero.
Preview: The above example is the body tag we are currently
using on this page.
<BR> - Tells the
browser that this is the end of the line and to start a new one.
Example: <BR>
Preview:
Additional Information:
The <BR> HTML tag returns
once (down one line), another applicable HTML tag is <P
ALIGN="LEFT"> Paragraph here.</P> When this tag is used
this will begin a new paragraph.
<CENTER> - Tells the
web browser to center the text according to the page, table, or
frame.
Example: <CENTER>This text would center on the
page.</CENTER>
Preview:
This text would center on the
page.
<CODE> - Allows the user to
specify code or a command which generates a different type of font
to signify the code.
Example: <CODE>dir - command used in DOS to list
files.</CODE>
Preview: dir
- command used in DOS to list files.
<DD> - Specifies to
the browser that a definition is going to placed in the code. The
browser will then indent the paragraph (x 2) and change the font of
the characters.
Example: <DD>Definition goes
here.</DD>
Preview:
<EM> - Tells the
browser that this is important text and it will make it
emphasized.
Example: <EM>Masarcom College</EM>
Preview:
Masarcom College
<EMBED> - Used with Netscape
Navigator which implements a third-party file such as a movie or
sound clip or some special embedded object on the web page. Example:
<embed src="mydoc.dcr">
Example: <EMBED SRC="resume.doc">
Preview:
<FONT> - Allows you
to have multiple fonts, colors and sizes.
Example1: <FONT size=+2>This text would be two times
bigger.</FONT>
Example2: <FONT
COLOR="BLUE">This text would be
blue.</FONT>
Example3: <FONT
COLOR="RED">This text would be
red.</FONT>
Example4: <FONT
COLOR="YELLOW">This text would be
yellow.</FONT>
Example5: <FONT
COLOR="GREEN">This text would be
green.</FONT>
Preview1:
This text would be two
times bigger.
Preview2: This text
would be blue.
Preview3: This
text would be red.
Preview4: This
text would be yellow.
Preview5: This
text would be green.
<FORM> - Allows you to obtain
input from visitors; you can see an example of this by viewing the
source in our e-mail
page.
<FRAME> - Netscape HTML extension
which allows you to use frames on the web page, being able to make
bigger and smaller sections; each frame can contain different text.
You can also use the <FRAMESET command which is a replacement for
the regular body command.>
Example: <FRAM SRC="http://www.masarcom.itgo.com"
SCROLLING="yes" NORESIZE>
Preview: Currently no example, plans
on making a page devoted to frames.
<H1-6> - Tells the
browser how big you want the text <H1> being the biggest and
<H6> being the smallest.
Example: <H1>This text would be
BIG.</H1>
Example:
<H2>This text would be a little
smaller.</H2>
Example:
<H3>This text would be
middle.</H3>
Example:
<H4>This text would be about
right.</H4>
Example:
<H5>This text would be kind of
small.</H5>
Example:
<H6>This text needs spectacles to
read.</H6>
Preview:
This text would be BIG.
Preview:
This text would be a little
smaller.
Preview:
This text would be middle.
Preview:
This text would be about right.
Preview:
This text would be kind of small.
Preview:
This text needs spectacles to read.
<HEAD> Allowing you to tell about
the web page but this info will never be displayed when viewing
unless the source is viewed, as well as the location to place your
meta tags.
Example: <HEAD><TITLE>Look at the top of the page
how it says HTML HELP, specify the name you want the page to
be.</TITLE></HEAD>
<HR> - Puts a normal bar across
the screen to help separate the text.
Example: <HR>
Example: <HR width="50%">
Example: <HR size=10 width="50%">
Preview:
Preview:
Preview:
<I> -
Italicizes the text.
Example:<I>Italic Text</I>
Preview: Italic
Text
<IMG> - Command
used to display images on your web page.
Example: <IMG SRC= "http://www.masarcom.itgo.com/logo.gif">
Preview: 
<ISINDEX> New command coming out
with HTML 3.0 allowing you to search.
Example:<ISINDEX>
Preview:
<LI> - Tells the
browser that this is a list item, either putting a bullet in
front of text or a number in front of the text, depending if
<ul> or <ol> is used.
Example:
<ul>
<li>one</li>
<li>two</li>
</ul>
Example2:
<ol>
<li>one</li>
<li>two</li>
</ol>
Preview:
Preview2:
-
one
-
two
<MARQUEE> Used with
Microsoft Internet Explorer and other recent browsers to make your
text scroll on the screen. This HTML tag does not work with any
current versions of Netscape Navigator.
Example1:
<MARQUEE BEHAVIOR="scroll" DIRECTION ="left">Masarcom College of I.T. Railway Road, Hangu</MARQUEE>
Example2: <MARQUEE
BEHAVIOR="scroll" DIRECTION ="right">Masarcom College of I.T. Railway Road, Hangu</MARQUEE>
Example3: <MARQUEE BEHAVIOR="slide"
DIRECTION ="left">Masarcom College of I.T. Railway Road, Hangu</MARQUEE>
Example4: <MARQUEE
BEHAVIOR="alternate" >Masarcom College of I.T. Railway Road, Hangu</MARQUEE>
Example5: <MARQUEE
BEHAVIOR="scroll" DIRECTION ="left" bgcolor="blue">Masarcom College of I.T. Railway Road, Hangu</MARQUEE>
Example6: <font color
="green"><MARQUEE BEHAVIOR="scroll" DIRECTION ="right"
>Masarcom College of I.T. Railway Road, Hangu</MARQUEE></font>
Example7: <font color
="white"><MARQUEE BEHAVIOR="scroll" DIRECTION ="right"
bgcolor="red">Masarcom College of I.T. Railway Road, Hangu</MARQUEE></font>
Preview1:
Preview2:
Preview3:
Preview4:
Preview5:
Preview6:
Preview7:
<META> Allowing
you to tell some search engines what to display for your page and
keywords for your page.
Example1: <META NAME="DESCRIPTION" CONTENT="Masarcom College
getting your computer questions answered fast, easy and
free">
Example2: <META
NAME="KEYWORDS" CONTENT="Computer, support, easy, free, html,
printers, windows95">
Example3: <META
NAME="GENERATOR" CONTENT="Generated in Notepad / Front Page
97">
Preview: Preview
not available due to the fact it needs to be in the body of this
page.
<NOBR> - Tells the browser that
you want to continue the line with no breaking, preventing the line
from getting cut of and returning to the next line.
Example:
<NOBR>This line would go on and not auto return so if the
browser screen was not as long as the sentence you would have to
scroll to see the remainder of the screen.</NOBR>
Preview: This line would not
wrap until you entered a break
<OL> - Tells the
browser that this is a list item and to list it in numbering
format.
Example:
<ol>
<li>one</li>
<li>two</li>
</ol>
Preview:
-
one
-
two
<P> - Tells the
browser that this is the end of the paragraph and will not attempt
to word wrap it.
Example: <P>Location for
the paragraph to begin and end.</P>
Preview:
Location for the paragraph to
begin and end.
<PRE> - Tells the browser to do
what you do as you type it so you can put text where you want it and
have as many spaces as you want.
Example: <PRE>The Text Can
l o o k how you want it
to l oo k.</pre>
Preview:
The Text Can l o o k how you want it to l oo k.
<SAMP> - Will enclose
the text as a sample, usually lower casing it and underlining
it.
Example: <SAMP>This would be small and
plain.<SAMP>
Preview:
This would be small and plain.
<SELECT> - Select menu
that allows their person viewing your web page to select from a
menu.
Example:
<select name="List"
size="1">
<option
value="Option1">Option1</option>
<option
value="Option2">Option2</option>
<option
value="Option3">Option3</option>
</select></p>
Preview:
<STRONG> Putting the
text bold.
Example: <STRONG>This text would get your
attention</STRONG>
Preview:
This text would get your attention
<SUB> - Subscript; makes
the browser display text low.
Example:<SUB>This text would be below
midway.<SUB>
Preview: This
text would be below midway
<SUP> - Superscript;
makes the browser display text high.
Example: <SUP>This text would be above
midway.<SUP>
Preview: This
text would be above midway
<TABLE> - Allows you to
Align text in tables. You can see an example of this on our Support page. How
you do this is start with <Table> and if you want borders,
just use the below commands.
Example: <TABLE ALIGN="center" border=1 cols=5 width=20
cellpadding=5><tr><td>Masarcom College</td></tr></TABLE>
Preview:
<TD> - Used to
define each part of the table after you use the <TH>
command.
Example: <TD ALIGN="center"
WIDTH=20>Cell</TD>
<TEXT AREA>
- Allows the user to input text.
Example: <TEXTAREA NAME="text" COLS=20
ROWS=20></TEXTAREA>
Preview:
<TH>
- This is what each cell on the table is using.You can
make this contain as many cells as you need.
Example: <TH VALIGN="middle" WIDTH=50>Table
header</TH>
Preview: Preview
not available for the fact changes page
layout
<TITLE> - This is used
to label the page that your on. For example, the name of this page
is ONLINE HELP -HTML-, Usually shown at the top of your
screen.
Example: <TITLE>HTML
HELP</TITLE>
Preview: Look on
the top blue bar, this is what the above would
do.
<TR>
- Tells the browser that this is the end of the horizontal row and
to start the next row; you can see this demonstrated on the support
page.
Example: <TR><RD>Table
contents</TD>
Preview:
<TT>
- Tells the browser that the font needs to be evenly spaced to
occupy the full line.
Example: <TT>This would be displayed as
teletype</TT>
Preview: This
would be displayed as teletype
<UL> - Starts a
bulleted item list (puts a bullet in
front of text).
Example:
<ul>
<li>one</li>
<li>two</li>
</ul>
Preview:
<XMP> - Tells the
browser to do no formatting to this text, just to display as-is, no
matter what the size of the screen is. Just like the <PRE>
command.
Example: <XMP>Put text in its own
area.</XMP>
Preview:
Put text in it
s own
area
| 
