VoyForums
1 CLICK GIVES FREE FOOD!
www.TheHungerSite.com
Protect Habitat with a Click!
www.TheRainforestSite.com
Non-profit ad served by VoyForums...

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


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>

Here's the more complex "New-Tab" 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>


<!-- write hidden comments here -->


/* personal notes when using CSS */

finally; this is how I'm enclosing commands within a text-field.
<textarea rows="5" cols="66">
add text here. etc. etc.
</textarea>

(substitute the numbers in order to resize the field)
-adding the number of rows increases the height.[vertical]
-adding Columns widens the field [horizontally]


Html Lessons Home

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.

brief notes:

most programmers prefer using Quotations " ", in various HTML codes...
while my webpages often use simple Apostrophes ' '
<a href='http://URL here'>Title Of Link</a>
is the same thing as
<a href="http://URL here">Title Of Link</a>

The Quotations " " are probably more reliable than Apostrophes ' '.
But,
I've been using apostrophes occasionally because it's a little quicker when organizing hundreds of links
and I'm differentiating between href='http://URL here' (using apostrophes) and title="outer text here" (using quotations).

'Apostrophes' are especially NOT recommended when using title="outer text here" .
Technically, apostrophes will correctly work when using title='outer text here' .
BUT, the data will be corrupted if any text contains an apostrophe.
for example:
title='welcome to my mother's house'.
This usage of ' in the above example will corrupt the Title unless ""quotations are used.'

In short: don't get confused if I'm sometimes using apostrophes in the A HREF, instead of Quotations.
'Apostrophes' and "quotations" are basically the same.
The following 2 examples are using apostrophes in HREF'HTTP://URL_HERE' and Quotations in TITLE="OUTER TEXT HERE"
<a href='http://URL here' target="_blank" title="outer text here">Title Of Link</a>
<a href='http://URL here' Onclick="window.open(this.href); return false" A title="outer text here" >Title Of Link</a>

You can simply use Quotations for both HREF="HTTP://URL_HERE" and TITLE="OUTER TEXT HERE"


——————————————
additional HTML features:
writing hidden text which does take up space.
<div style="visibility: hidden">My Hidden Text </div>
<span style="visibility: hidden">......... </span>

(this SPAN STYLE="visibility: hidden" can also create a similar effect to using several &nbsp; lines).

<p hidden> hide an entire paragraph </p>


———————
also:
using &emsp;
is the same thing as using &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
using &ensp;
is the same thing as using &nbsp;&nbsp;&nbsp;
and
&thinsp; creates a thinner &nbsp;


&emsp; = 5 x &nbsp;
&ensp; = 2 x &nbsp;
&thinsp; = 1/2 &nbsp;

in other words
&emsp; = 5 times the width of &nbsp;
&ensp; = 2 times the width of&nbsp;
&thinsp; = 1/2 the width of &nbsp;


before using this Quick Reference Guide
it's probably a good idea to read the detailed instructions below

(from previous page  [Basic Tutorial/ 234984] )


This Page was created to give easy access for basic commands.
-It's a Quick Reference Guide- The commentary is using small text,
because we're already assuming that you're familiar with each basic task.
Thus, it's not necessary to explain in detail.

However, a mirror link as probably easier to read: Voy/235993


this page is using the T.E. Shannon/ MRM/ WhiteIQ/ 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.