To create a table, you cannot simply paste a table created from Microsoft words or open office. instead, you have to know the right html coding.
For example, to create a table with cellpadding :
<body>
<table>
<h4>with cellpadding:</h4>
<table border="1"
cellpadding="10">
<tr>
<td>First</td>
<td>Row</td>
</tr>
<tr>
<td>Second</td>
<td>Row</td>
</tr>
</table>
</body>
Enter the following html coding on your text editor or notepad, and then save the file with a .html extension.
and the following table will appeared :
with cellpadding:
| First | Row |
| Second | Row |
Next, to create a table without cellpadding you can simply enter the following html coding:
<html>
<body>
<h4>without cellpadding:</h4>
<table border="1">
<tr>
<td>First</td>
<td>Row</td>
</tr>
<tr>
<td>Second</td>
<td>Row</td>
</tr>
</table>
</body>
and the following table will appeared :
without cellpadding:
| First | Row |
| Second | Row |
2. How to make a links
<a href="URL" target="_blank">TITLE</a>
simply enter the above html coding, by replacing the url with the url page that you want and replace the title with the name of the link.
for example to directed user to go to facebook website :
<a href="http://www.facebook.com" target="_blank">Link to facebook</a>
and it will appeared as a short link and can be click on easily :
Link to facebook
3. How to put up image or moving image
<html>
<body>
<p>
An image:
<img src="smiley.gif" alt="smiley face"
width="32" height="32" />
</p>
</body>
OR
<html>
<body>
<p>
A moving image:
<img src="hackanm.gif" alt="Computer man"
width="48" height="48" />
</p>
</body>
simply enter the above html coding but replace the smiley.gif or hackanm.gif with the image url that you want.
Note that the syntax of inserting a moving image is no different from a non-moving image.
To understand html coding and on how to use it, you have to try and error. it is easy and simple. Goodluck!
www.w3schools.com
www.quackit.com
No comments:
Post a Comment