IS Tips by David KC COLE (1.html)

         as of 2014 F Jun 22


Tip 1. To indent a paragraph in HTML

Eg. Use the blockquote tag, as in the following code:

<blockquote> The paragraph text to be indented goes here. Such a paragraph is sometimes called a `long quote`. This is one of the best ways to indent a long text block. Non-indented text permits the insertion of some text into what appears as the left margin. This might be called `exdenting`. The less efficient `pre` tag could also be used to achieve similar results. </blockquote>
&nbsp;&nbsp;This text (without blockquote tags) will only be indented the width of 2 spaces.
This normal text is not indented at all

Output will be:

The paragraph text to be indented goes here. Such a paragraph is sometimes called a `long quote`. This is one of the best ways to indent a long text block. Non-indented text permits the insertion of text into what appears as the left margin. This might be called `exdenting`. The less efficient `pre` tag could also be used to achieve similar results.
  This text (without blockquote tags) will only be indented the width of 2 spaces.
This normal text is not indented at all

    End of Tip 1 (Go back to TOP)

Tip 2. Full list of HTML Tags

A full list of the HTML tags (with explanations and examples) can be found at
w3schools.com

    End of Tip 2 (Go back to TOP)

Tip 3. Recommended HTML development environment

         thumb Two Screen HTML Development
Two Screen HTML Development
A very good HTML development environment makes use of the following items. The software is all free.

The Ubuntu operating system is relatively virus-free, operates faster than Windoze and supports the use of the Geany text editor. This text editor is designed for programmers and in most cases will automatically insert the trailing tags. Filezilla is used to upload the html files to the server. The Chromium browser (by Google) with Gmail now permits a very useful list of bookmarks. The w3schools.com webpage is one of the most useful support sites for html code. It lists all the html tags and provides explanations and working examples. w3schools also shows which browsers support each tag. It is not recommended to use tags that are not widely supported. Support by each of the following 5 browsers is shown: Chrome (Chromium), IE, Firefox, Safari and Opera. The Globat web site hosting server is one of the least costly. It permits hosting of more than one web page at no additional cost. The Globat Technical Support help desk is immediate and excellent.

A second video monitor definitely saves programming time. A small directory list of the file being editted should be displayed on one monitor. Web page browsing (ie testing of the html routines) and access to w3schools technical information is done on the 2nd monitor.

It should not be necessary to emphasize the importance of regular backups to programmers. Fortunately, the nature of html programming causes copies of the html code to be uploaded to a server, which provides an on-going backup. The code being developed should be coded on the Flash Drive, not on the hard drive. This ensures portability and is operating system independant. Regular backups to a hard drive (and less frequently to an external hard drive) are good practise.

This environment facilitates the testing of html. A series of changes can be tested with 2 operations:

  1. ctrl-S to save the changes.
  2. Double Click on the file to be tested (in the Files directory) to show it in the browser.
The image of the 2 monitors above shows how all the necessary information is available to the programmer.

Testing only needs FileZilla if php routines are used. In fact, repeated testing using a server is not recommended because of web-caching problems. Many people find that coding changes are not visible due to the latency of the web cache, which is only rectified by time. So the best way to test HTML code is to click on the html code file in a local drive directory. This ensures that the most recent version of the html code is sent to the browser. To test a new version of html code on the server, the best way to ensure that the modified code is tested is to rename it (even adding a suffix). Then the browser cache doesn't use an old version (which has the same name). Simply reloading the web page is NOT sufficient. Another way to clear the browser's cache is to close and reopen the browser, use a different browser, or to restart the computer. This works because the web browser cache is live data within the browser.

    End of Tip 3 (Go back to TOP)

Tip 4. Always allow full window viewing of images

It is a courtesy to the users of your web pages to allow them to click on an image to view it in full screen mode. It is very simple to do so. The following code shows how:
Code to NOT permit full screen (really full window) viewing:
<img src="Screen2a.jpg" alt="thumb Two Screen HTML Development" height="200" border=0>
<br>Two Screen HTML Development
Which Produces:
thumb Two Screen HTML Development
Two Screen HTML Development
Preferred code: to permit full screen (really full window) viewing:
<a href="Screen2a.jpg"
rel="alternate" title="Two Screen HTML Development">

<img src="Screen2a.jpg"
alt="thumb Two Screen HTML Development" height="200" border=0>
<br>Two Screen HTML Development </a>
Which Produces:
thumb Two Screen HTML Development
Two Screen HTML Development
Note that some users will need to be told to hit the back button (the < in the top left hand corner) to return to the previous page after viewing the full screen image.

    End of Tip 4 (Go back to TOP)

Tip 5. SQL Search: Use LIKE and "%"

MySQL wildcard syntax

SELECT `object` FROM `userData` WHERE `object` LIKE ``Ubuntu%.jpg``
or
SELECT `id`,`object` FROM `userData` WHERE `id` BETWEEN "1" AND "100"
Source:StackOverflow Article

    End of Tip 5 (Go back to TOP)

Tip 6. Address tags including Mail To

<address>
Written by <a href="mailto:webmaster@example.com">Jon Doe</a>.<br>
Visit us at: <br>
Example.com <br>
Box 564, Disneyland <br>
USA <br>
</address>
A full list of the HTML tags (with explanations and examples) can be found at
W3Schools Mail To

    End of Tip 6 (Go back to TOP)

Tip 7. Colored Text

To display red text, enclose the text in the following tags:

<font color="red">
search phrases - list of SUGGESTED SEARCH PHRASES
</font>

will be displayed as:

search phrases - list of SUGGESTED SEARCH PHRASES

Tip 8. Left Arrow

To display a left arrow, use "&#8592;" :

"&#8592;" (Go back to TOP.)

will be displayed as:

← (Go back to TOP.)
A full list of the HTML tags (with explanations and examples) can be found at
W3Schools

    ← (Go back to TOP.)

Return to ePC Articles

WebMaster: David@ColeCanada.com

Updated: 2015 L Dec 30

Created: 2015 F Jul 04

/1.html