Close Window

Some font control in Member Feedback form - basic lesson

1. We will start with one basic feature first - how to make a text BOLD.
2. In English language, when we quote some text, we enclose it within quotes. Verbally we say "Quote" and "Unquote".
3. So, the text is enclosed within the Quote symbol (")
4. Similarly, when we want to treat a text in the web in a special manner, we surround (or enclose) it with HTML Tags.
5. The HTML Tag for Bold is <strong> (in the beginning) and </strong> in the end
6. Example: if you want to show Carter the Farter in bold, you will write is as:

<strong>Carter the Farter</strong>

You can try it and see how it works. By the way, underlining is not recommended in the web because someone may confuse it with a hyperlink to some other page.

2. Break Tag

We can learn one more useful tag today. At this time, you may have noticed that all of the text that you enter flows continuously, i.e. there are no line breaks. For readability, would you like to add a blank line?

Just add a tag <br> where you want a line break. use two break tags for a blank line (i.e. <br><br>)

The break tag does not have a beginning and ending tags.

3A. Font Color Tag (added on 12-Jul-07)

To change the color of a text, enclose it with <font color=name> and </font>

'name' could Red or Blue or Green etc.

Example:

<font color=Blue> Carter the Farter was the starter </font>

3B. Font Size variation (Added 14-Jul-07)

The font size can be changed by adding just another parameter to the Font tag. The parameter is "size=n"

The default size shown in the Feedback page is "2". So, you can use "1" to make it smaller or "3" or "4" etc. to make it bigger. Using the same example as above and adding size to it, the full tag becomes:

<font color=Blue size=4 > Carter the Farter was the starter </font>

4. Creating Clickable Hyperlinks (Added 23-Aug-07)

The format for this is as follows (<a> tag):

<a href="the fully qualified link - also knows au URL" target=_blank>some ueseful text </a>

Example:

<a href="http://www.rediff.com/cricket/index.html" target=_blank>The Best Cricket Portal</a>

5. Inserting mages (<IMG> Tag)

5.1 We will first discuss inserting an image that is somewhere in the Internet. You know its location. An example will be that you used Google Images to locate an image. You view the image and from the Explorer Address bar you copied its location (URL).

The format is as follows:

<img src="image URL" width="width in pixels" height="height in pixels">

(Note: src=source )

Example: I went to Google and found an Image of Italy that I want to insert in my HTML code. Here is how it will look like:

<img src="http://www.wordtravels.com/images/map/Italy_map.jpg" width="119 Height="127">

If you are looking at an image in any webpage, you can right click the mouse on that image and select "Properties". The new display will show its address. You can select it and copy it (CTRL-C). Then paste it after "src" in the IMAGE Tag. make sure you use the beginning and ending Quotes.

5.2 Adding one of your personal images (i.e a photo) is a bit complicated since you need to store it somewhere. We will deal with this later.

Updated Aug 20, 2010

Close Window