|
NEAT TRICKS AND TOOLS
This is a section of the tutorial that will be updated from time to time as new 'tricks' and 'tools' are found...
INDEX
Note:
You Can Access Items On The Index
By Using The Hotlinks Above
or
By Scrolling Down The Page. However,
Items May Not Be In The Same Order
As They Are Listed In The
Index Above
and
Some Of The Explanations/Instructions Aren't Even
On This Page!!!
(Hint: Safer To Use The Links Above!) You May Also Find Non-Indexed
Or Blank Template Sections On This Page
Which Will Contain Additional
'Tricks & Tools'
In The Future.
•••••
|
•••••
•••••
•••••
The "&", "<" and ">" Symbols
These symbols are among those which are used to generate HTML coding and therefore will either not show up if typed into lines of text or may cause problems for browsers trying to read your page.
Therefore, the following substitutions should be used:
|
To Create: | Type: |
|
"&" Sign | & |
|
"<" Symbol | < |
|
">" Sign | > |
|
Note: | Case Sensitive!
use 'amp'
& not 'AMP.' |
•••••
•••••
•••••
•••••
Hidden Comments
If you have copied and pasted any of the example from the various tutorial pages onto you own page, you may have already figured this one out!
You can place 'hidden' comments on your page... comments that are only seen by someone who is viewing the HTML coding for your page...
Here's what you do:
<!-- PLACE YOUR COMMENTS HERE -->
This is a great tool to use just to leave little reminders to yourself throughout your html coding.
•••••
•••••
•••••
•••••
HTML Coded Characters
This ia another way to express special characters which either do not appear on the standard keyboard, or ones which (like the "&" symbol) may confuse some browsers if not expressed by either the "Escape sequence" (meantioned earlier) or the "HTML Coded Character" (shown below).
The following substitutions can be used:
|
To Create: | Type: |
|
Non-Breaking Space " " * |   |
|
Inverted Exclamation "¡" | ¡ |
|
Pound Sterling "£" | £ |
|
Yen Sign "¥" | ¥ |
|
Copyright Sign "©" | © |
|
Trademark Symbol "®" | ® |
|
Plus or Minus "±" | ± |
|
Paragraph sign "¶" | ¶ |
|
Middle Dot "·" | · |
|
1/4 Fraction "¼" | ¼ |
|
1/2 Fraction "½" | ½ |
|
3/4 Fraction "¾" | ¾ |
|
Inverted Question "¿" | ¿ |
•••••
* - The 'Non-Breaking' space when used between words, means that a normal line break (created by the display of your web page) will not occur between those two words. There is also a 'Regular' space created with the code:   - I always use the   code space.
NOTE:
Remember that the   code creates a space, so don't put a 'typed in' space before or after it.
|
FOR EXAMPLE: | | |
Correct: |
Hello There! | |
Which Creates: | Hello There! | |
And Not: |
Hello   There! | |
Which Creates: | Hello There! |
|
•••••
Return to List
•••••
•••••
•••••
•••••
INDENTING A PARAGRAPH
You have probably already discovered that the <P> command/tag only createa a space between two sections of text. The new 'paragraph' is not indented. And, unless you use the <tt> (or similar command/tag) to alter the type of font/character you display, no matter how many space you type in before the first word of a new paragrapgh, you can never achieve more than one or two space indent.
SOLUTION:
Use the   Coded Character!!!
|
Example:
Instead of typing:
One paragraph of text ends and then... <P>Another paragraph follows with a space between but no indenting of the first words...
and getting:
One paragraph of text ends and then... Another paragraph follows with a space between but no indenting of the first words...
You type:
One paragraph of text ends and then... <P>     
Another paragraph follows with a space between and the first word is indented five spaces (more if you repeat the ' ' coded character more times)...
and get:
One paragraph of text ends and then... Another paragraph follows with a space between and the first word is indented five spaces (more if you repeat the ' ' coded character more times)...
|
•••••
•••••
•••••
•••••
•••••
•••••
•••••
•••••
More To Come!
Title Goes Here
Info Goes Here.
•••••
•••••
•••••
•••••
•••••
•••••
•••••
•••••
More To Come!
Title Goes Here
Info Goes Here.
•••••
•••••
•••••
•••••
More To Come!
Title Goes Here
Info Goes Here.
•••••
•••••
•••••
•••••
•••••
More To Come!
•••••
•••••
•••••
•••••
More To Come!
