If you are seeing this message, it is possible the page did not load properly. Please hit reload/refresh on your browser.
If you still see this message, you probably do not have a browser that supports
web standards, although its content is accessible to any browser or Internet device.
Posted: 10/10/01 8:05 am (HTML) Basics How to make links and use HTML to show images
I am posting a few answers to the most commonly asked HTML questions here.
You can use HTML in a post ONLY if it is allowed in that forum, and you can always use HTML in a signature, your advanced area, forum introduction, forum display name, announcement, and custom titles.
To make a word or phrase into a link :
<a href="your url here">words you want to show</a>
To make a word or phrase into a link that opens in a new window (more polite not to take users away from the board you posted at):
<a href="your url here" target="_blank">words you want to show</a>
How to make an image into a link (with no borders, looks nicer IMO):
<a href="http://send to this URL"><img src="http://url_of_image" border="0"></a>
To make a linked image that opens in a new window (more polite not to take users away from the board you posted at):
<a href="url you want to link to" target="_blank"><img src="url of picture" border=0></a>
Replace the ?? for the height and width of the image in pixels.
The border="0" is informing the browser not to surround the image with a border, if you want a 1 pixel border around the image use border="1" instead.
Note: The IMG tag does NOT require a closing tag! Most HTML tags do require a closing tag.
If you want any of this centered, add <center></center> before and after the whole code.
What if you want to create an e-mail link?
Replace the red section for your e-mail address.
<A href="mailto:yourname@youremailaddy.com">e-mail me</A>
What if you wanted to create an e-mail link using an image? <A href="mailto:yourname@youremailaddy.com"><img src="full_url_of_image" height="??" width="??" border="0"> </A>
<font face='verdana, arial, sans-serif' color='red' size='2'>Verdana red text medium size here</font>
The "color" attribute can be a color name (such as "red" above) but HTML only recognize 140 of them. Or a color HTML hex code ('red' would be #FF0000) which gives you 16,777,215 possibilities.
A better way to format text is the <span> tag:
<span style='font-family: verdana, arial, sans-serif; color: red; font-size: 100%'>Verdana red text medium size here</span>
It's better because the FONT tags has been declared deprecated by the powers that be and - above all - because it allows much more fun. Especially about the size part.
Pictures with link
If you want to have a pic which links to somewhere when you click on it:
Glowing text won't show in Netscape.
Scrolling (<marquee>) won't either.
Fixed background (via style sheets) will cause bleeding graphics in Netscape 4.x (hard to describe.)
There are many other things that won't work. When you design your board think about the users who don't use your browser. Test it with as many browsers as you can.
Clean HTML
(or how do I avoid my board from not loading at all)
Close your tags
<table> needs a </table>
<font> needs a </font>
and, above all
<*script> needs a </script>
There are few tags out there which don't need to be closed. Your browser needs to know when to end the table, the font variation, the script...
When you open a tag, you must always close it again, and in reverse order of opening it. A <tr> always comes after a <table> tag, and a <td> always comes after a <tr> tag. Your text goes inbetween the <td> and </td> tags.
To make a table with different numbers of cells in each row, you need to add a command called colspan. For example, the next table has one column across the top, but two beneath:
To give padding around the elements inside your tables, you add cellpadding, and to add space between each table cell you add cellspacing. These go into the <table> tag.
Posted: 5/3/02 3:32 pm Protect Your Email Address From Spam Robots
If you would like to display your email address within your web pages or board, but are afraid it will be harvested by Spam robots, you can protect yourself. Instead of displaying the usual mailto:you@yourdomain.com, use the following code within your HTML:
Posted: 12/1/02 3:24 pm Getting more from mailto
There may be instances where just a simple maito href tag just will not do. Here is a link to a site that covers most of what you may need to know.
Posted: 10/7/03 3:17 pm Nested Tables
A nested table is a table within a table.
The only rule you have to follow is that you must ensure that you 'nest' the table within a data cell of a table.
In other words in between the start TD and closing TD tags of a table.
Here is an example of a Nested table, the table 'nested' within the main table is in green code, the 'outer' or main table is in blue code.
Cool Tips & Tricks
(HTML) Basics
:::Edit Post Button
:::Delete Post Button (Moderator Only)
ezboard Help Communities: