VoyForums: [Search] HTML basic reference

Here's a more complete tutorial:
First; Here's the most basic method of creating links, using HTML:

Let's give a more detailed version of the above code:
<a href="Put The http://WWW.com/ here">THEN, place a Title here.</a>

Here's a self-explanatory example:
<a href="http://www.yahoo.com/">Yahoo!</a>
(Of course) when using this code; only the word "Yahoo!" will be visible.
And, clicking the link will direct you to http://www.yahoo.com.

Next, you might want to enable your link to open in a new TAB.
The most commonly used method:
target="_blank"

A newer and smoother method opening links in New Tabs is the following code:
Onclick="window.open(this.href); return false"
(note: — whenever pasting this code, it's considered proper to include the blank space prior to each attribute.)

Don't Do this:
ahref="http://URL here"target="_blank"title="outer text here" >Title Of Link

It's considered proper to have space between attributes.

You can also add narrative text within each highlighted link. .....we'll call this the "Outer Text Method".
A title="outer text here"

(Once again; —it's considered correct to include an empty space prior to this code.)

Also consider using " " (quotations) instead of ' '.
This allows usage of these ' (apostrophe's) within your text.

title="outer text here"

Here's an example of the finished product:
Yahoo!

______________

So, the following code gives all these features:
<a href="http://URL here" target="_blank" title="outer text here" >Title Of Link</a>
Title Of Link

These methods can be used for most types of HTML and CSS!!!
.....here's an example of these features being applied to a CSS Button: Yahoo

The most basic commands of HTML are
<br> (which begins a new line).
and
<p> (which begins a new paragraph).

[Unfortunately; the alternative version of <br /> and </p> are sometimes used.]
This became very confusing for anyone attempting to learn Tag-lines.

Additional basic functions include breaking a space. & nbsp ;
(although, this is becoming somewhat obsolete).
Also Note: — When copying&pasting the above code; please remove spaces.
So, it should display like this- &nbsp;

and, you can break 5 spaces, using the following code: & emsp ;
(Of course, when applying this code, there are no spaces). &emsp;

When using basic HTML functions: always remember to enclose your Taglines.

For example: specific words can be made BOLD by using the following code: <b>Specific words in Boldface</b>, then, normal text.

Here's the finished product: Specific words in Boldface, then, normal text.

This boldface uses the TAGS <b></b>

In order to write words in Script; <em>write words in Script</em>, then, resume your normal text.

This tagline (directly above) creates the following results: write words in Script <em>add text</em> , then, proceed with normal text.

Words and Phrases can also be underlined: <u>Underline any Phrase enclosed within these Tags</u>, then, proceed with normal text.
Here's the visible product: Underline any Phrase enclosed within these Tags, then, proceed with normal text. <u></u>

So, this method of enclosing tags applies to virtually all forms of HTML (whether they are simple or complex).
It's necessary to enclose the tags. This enables your instruction to display correctly.

The IN order to center a Paragraph (or, an entire page), use the tags: <center></center>.
Write your material between these Center lines.
Apply The <center> tag at the beginning.
and,finish with </center> when closing afterward.

for example:<center>Add Paragraph here</center>.

Now that you're familiar with Tags which surround content; this method applies to nearly every type of instruction.
for example:<body> </body>

Now, let's apply this to a more complex Code:
<div id="tswcsstabs"> <ul> <li><a href="http://www.com">title#1</a></li> <li><a href="http://www.com">title#2</a></li> <li><a href="http://www.com">title#3</a></li> </ul> </div>

(You'll notice that each different tag is properly enclosed)
<div> </div>
<ul> </ul>
<li> </li>
This is the correct procedure.

You may now add the ability to open links in new tabs, and, add outer text
<div id="tswcsstabs"> <ul> <li><a href="http://www.com" Onclick="window.open(this.href); return false" title="outer text here" >title#1</a></li> <li><a href="http://amren.com" target="_blank" title="outer text here" class="comp" >title#2</a></li> <li><a href="http://www.com">title#3</a></li> </ul> </div>

.....and, this completes your lesson in Basic HTML!