HTML and web design

What is HTML

HTML, or HyperText Markup Language, is a world wide markup language that allows a user to create his or her own web page. While HTML is a fairly easy to learn markup language, it does involve several hundred commands to learn and memorize.

With HTML, the user creates tags; tags are anything between the less-than and the greater-than signs. Using the tags, this identifies where the commands begin and end. For example, <b>Bold Text</b> tells the browser that <b> is the beginning of the bold text statement that will turn anything after that tag bold; once the browser hits </b> the browser then turns the bold text statement off, allowing for only specific text to be bold

On this page we have created a list of HTML commands, which can be used in web pages to change text, add different features, and apply several other different effects.

<!– REMARK –>  

HTML Tag that allows you to implement comments into your HTML Code, Hide contents on browser.

Example:
<!– This text Cannot be seen by the user unless the source is viewed. –>

<A>

tag that allows aspects of your web page to be anchored, such as a link <A HREF= “http://scriptforyou.com”>
Example:
<A HREF=”http://scriptforyou.com”>ScriptForYou</A>

<ACRONYM>

Like ABBREV, also a new command with HTML 3.0 that displays the text acronym when mouse is highlighted over text.
Example:
<ACRONYM TITLE=”Free script help”>ScriptForyou</ACRONYM>

<ADDRESS>

Command that changes the format of the text to signify an address. This is used with e-mail addresses. However, can also be used for a street address.
Example:
<ADDRESS>exemple@scriptforyou.com</ADDRESS>

<APPLET>

Command used  to implement a Java application into a web page.
Example:
<APPLET CODE=”myapplet”>Click here to see Java applet.</APPLET>

<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:
<map name=”map”>
<AREA SHAPE=rect COORDS=”100,5,155,55″ HREF=”http://www.scriptforyou.com”>
</map>
<img src=”exemple.gif” usemap=”#map”>

<B>

Tells the browser to display the text within the HTML tags to be bold.
Example:
<B>This text would be in bold</B>

<BANNER>

 HTML Tag used with HTML 3.0 used like scrolling but does not scroll with the rest of the HTML document.
Example:
<BANNER>Script For You</BANNER>

<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>

<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>

<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>

 <BIG>

HTML 3.0 tag that allows your text to be BIG.
Example:
<BIG>This text would be big.</BIG>

<BLINK>

HTML tag that can be extraordinarily annoying when viewing a web page. Internet Explorer does not incorporate this tag, but still is available with Netscape Navigator,firefox etc.
Example:
<BLINK>This text would be blinking if compatible browser</BLINK>

<BLOCKQUOTE>

Command that allows you to indent your lines one inch from the left hand side. Instead of using this command to indent text or other objects we suggest using CSS.
Example:
<BLOCKQUOTE>This would be one tab from the left hand side of the page or the table cell it is in.</BLOCKQUOTE>

<BODY>

Command that 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″>

<BR>

Tells the browser that this is the end of the line and to start a new one.
Example:
Welcome <BR>  to <br> scriptforyou

 <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>

<CITE>

Similar to the blockquote command this command enables you to cite text and displays itself in an italic font.
Example:
<CITE>This text is in italic and is a cite from somewhere else.</CITE>

<CODE>

Allows the user to specify code or a command that generates a different font to signify the code.
Example:
<CODE>htmt use various tags</CODE>

<DEL>

Allows a user to delete text within an HTML document without actually removing it using a strike through.
Example:
This is an example of <del>removed</del> text.

<DD>

Specifies to the browser that a definition is going to placed in the code.
Example:
<DD>Definition</DD>

<EM>

Tells the browser that this is important text and it will make it emphasized.
Example:
<EM>Script for you </EM>

<EMBED>

Use to implements a third-party file such as a movie or sound clip or some special embedded object on the web page.
Example:
<EMBED SRC=”resume.doc”>

<FONT>

 Allows you to have multiple fonts, colors and sizes.
Example 1:
< font size=+2>This text would be two times bigger.</ font >
Example 2:
< font COLOR=”BLUE”>This text would be blue.</ font >
Example 3:
< font COLOR=”RED”>This text would be red.</ font >
Example 4:
< font COLOR=”YELLOW”>This text would be yellow.< /font>

<FORM>

Allows you to obtain input from visitors.

<FRAME>

It 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://scriptforyou.com” SCROLLING=”yes” NORESIZE>

<H1> <H2>  <H3>  <H4>  <H5>  <H6>

Tells the browser how big you want the text <H1> being the biggest and <H6> being the smallest. Note: Because Computer Hope is using CSS elements for the H1 tag not only will this text be big but it will have an underline in this example. Without the CSS it would just be big.
Example:
<H1>This text would be BIG.</H1>
Example:
<H6>This text needs spectacles to read.</H6>

 <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 1:

Hello world<HR>

<I>

Italicizes the text.
Example:
<I>Italic Text</I>

<IMG>

Command used to display images on your web page.
Example:
<IMG SRC= “logo.gif”>

<INS>

Short for Insert, this tag is used to help illustrate what new text has been inserted into an HTML document. Useful for when multiple people are working on the same document.
Example:
This line of text has <INS>new</INS> inserted text.

<ISIndex>

New command coming out with HTML 3.0 allowing you to search.
Example:
<ISIndex>

<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>
Example 2:
<ol>
<li>one</li>
<li>two</li>
</ol>

 <MARQUEE>

Make your text scroll on the screen.
Example 1:
<MARQUEE BEHAVIOR=”scroll” DIRECTION =”left”>Script for you</MARQUEE>

<META>

Allowing you to tell some search engines what to display for your page and keywords for your page.
Example 1:
<META NAME=”DESCRIPTION” CONTENT=”script for you help to find solution of you problem “>
Example 2:
<META NAME=”KEYWORDS” CONTENT=”yii,html,php,css”>
Example 3:
<META NAME=”GENERATOR” CONTENT=”Generated in Notepad”>

<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>

<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>

<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>

<UL>

Starts a bulleted item list (puts a bullet in front of text).
Example:
<ul>
<li>one</li>
<li>two</li>
</ul>

<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>

<OPTGROUP>

Add an option groups to a drop down list of items.
Example:
<select name=”Example”>
<optgroup label=”First”></optgroup>
<option>Example one</option>
<optgroup label=”Second”></optgroup>
<option>Example two</option>
</select>

 <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>

<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>here is my code.</pre>

<SAMP>

Will enclose the text as a sample, usually lower casing it and underlining it.
Example:
<SAMP>This would be small and plain.<SAMP>

<STRONG>

Putting the text bold.
Example:
<STRONG>Script for you</STRONG>

<SUB>

Subscript; makes the browser display text low.
Example:
<SUB>This text would be below midway.<SUB>

<SUP>

Superscript; makes the browser display text high.
Example:
<SUP>This text would be above midway.<SUP>

<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>Computer Hope</td></tr></TABLE>

 <TR>

The start of each row in a table. See table page for additional information and examples on tables.
Example:
<TR><TD>Table contents</TD></TR>

<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>

<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>

<TD>

Used to define each cell part of the table. See table page for additional information and examples on tables.
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>

 

Leave a Reply