VoyForums

Login ] [ Contact Forum Admin ] [ Post a new message ] [ Search | Check update time ]


Introduction to Basic HTML
First; Here's the most basic method of creating links, using HTML:

Let's give a more detailed version of the above code:

Here's a self-explanatory example:

(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 old method is quite simple:

A newer and smoother method opening links in New Tabs is the following code:

(note: — whenever pasting this code, it's considered proper to include the blank space prior to the visible letters.)

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 the ' (apostrophe's) within your text.

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

______________

☆☆ So, the following code gives all these basic features: ☆☆

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
(which begins a new line).
and
(which begins a new paragraph).

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

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

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

When using basic HTML functions: always remember to enclose your Taglines.
For example: specific words can be made BOLD by using the following code:

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

This boldface uses the TAGS


In order to write words in Script;
This tagline (directly above) creates the following results:  write words in Script, then, proceed with normal text.


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

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: .
Write your material between these Center lines.
Apply The <center>   tag at the beginning.
and,finish with </center> when closing afterward.

for example:.

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:

(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

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



return to HTML Main-Page


There are no messages in the main index.


Login ] Create Account Not required to post.
Post a new public message:
* HTML allowed in marked fields.
Message subject (required):

Name (required):

  Expression (Optional mood/title along with your name) Examples: (happy, sad, The Joyful, etc.) help)

  E-mail address (optional):

* Type your message here:


Notice: Copies of your message may remain on this and other systems on internet. Please be respectful.

Quick Reference Guide:

HTML Linking
<a href='http://URL here'>Title Of Link</a>

non-breaking space.(moves forward one blank space).
&nbsp;

non-breaking space 5x(moves forward 5 spaces).
&emsp;

Break (moves to next line)
<br>

new Paragraph
<p>

a Link can now be opened in a New-Tab (and, Outer-Text can be added when dragging cursor over link).
Onclick="window.open(this.href); return false" A title="outer text here"

The Complete linking code (with New-Tab feature & Outer-Text activated.)
<a href='http://URL here' Onclick="window.open(this.href); return false" A title="outer text here" >Title Of Link</a>

a more simple method of opening into new tabs.   (slightly less smooth, but it uses less characters).
target="_blank"

This is how it would look when used in a completed example:
<a href='http://URL here' target="_blank" >Title Of Link</a>

This is the more complex method:
Onclick="window.open(this.href); return false"

Outer-Text can be added.
A title="outer text here"

Boldface words
<b> </b>

underline words
<u> </u>

script. (Signature)
<em> </em>

Typewriter style letters & words
<tt></tt>

This Quick Guide can be found on Next Page [234985]

(Remember: whenever Copy/Pasting the 'New Tab' code,
either,
Onclick="window.open(this.href); return false"
or,
target="_blank"
.....don't forget that it's proper to include an blank space (&nbsp;) prior to this code.


<!-- write comments here which are not visible -->


/* personal notes when using CSS */

<textarea rows="5" cols="66">
add text here. etc. etc.
</textarea>

___________________________________________

one final note:
when using these direct links, double parenthesis may also be used.


This tutorial often showed URL's within single parenthesis. ( ' http:// ' )
<a href='http://URL here'>Title Of Link</a>
or
Perhaps, most websites prefer using Double Parenthesis. ( " http:// " )
<a href="http://URL here">Title Of Link</a>

This material is using the T.E. Shannon Rebuild.
[ Contact Forum Admin ]


Forum timezone: GMT-8
VF Version: 3.00b, ConfDB:
Before posting please read our privacy policy.
VoyForums(tm) is a Free Service from Voyager Info-Systems.
Copyright © 1998-2017 Voyager Info-Systems. All Rights Reserved.