VoyForums: HTML Reference Guide

[ Show ]

Support VoyForums

[ Shrink ]

VoyForums Announcement: Programming and providing support for this service has been a labor of love since 1997. We are one of the few services online who values our users' privacy, and have never sold your information. We have even fought hard to defend your privacy in legal cases; however, we've done it with almost no financial support -- paying out of pocket to continue providing the service. Due to the issues imposed on us by advertisers, we also stopped hosting most ads on the forums many years ago. We hope you appreciate our efforts.

Show your support by donating any amount. (Note: We are still technically a for-profit company, so your contribution is not tax-deductible.) PayPal Acct: Feedback:

Donate to VoyForums (PayPal):

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)

new Paragraph

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

underline words

script. (Signature)

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]

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

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