|
|
Easy HTMLOne of the goals of this web site is to create pages that would be easy for novices to create in Manila without too much to learn. Manila uses some very simple tools for users to create simple web pages that contain line breaks, paragraph breaks, bold strike letters and horizontal lines. These tools are very adequate for creating simple pages that look good and are easy to read.
If you are a little more adventurous and would like to learn some easy stuff, below are some simple things that can give your page a little more variety. All the pages on this site were created using nothing more than the built in Manila tools and the html tags below.
Bullets
How do you create those neat bullets like the ones to the left in the navigation menu?
In order to make a list like this:
- Item One
- Item Two
- Item Three
You use these tags with your list.
<ul>
<li>Item One
<li>Item Two
<li>Item Three
</ul>
Note: If you want numbers instead of bullets, changes the <ul> tags to <ol>.
Indenting
Indenting is very similar to the bulleted list above but with no bullets. You use the <ul> tags, but without the <li> tag for each line.
So to indent text like this:
This is the first item in our list
This is the second item in our list
This is the third item in our list
Do this, using the normal line breaks and paragraph breaks in Manila:
<ul>
This is the first item in our list
This is the second item in our list
This is the third item in our list
</ul>
Tables
Tables are a little trickier but once you get the hang of it they can be very useful not only for presenting information in table form but also for formatting your web pages.
So...to present information like this:
| Table cell content |
Table cell content |
| Table cell content |
Table cell content |
The html looks like this:
<table border=1 cellpadding=4>
<tr>
<td>Table cell content</td>
<td>Table cell content</td>
</tr>
<tr>
<td>Table cell content</td>
<td>Table cell content</td>
</tr>
</table>
Note:
If you don't want a border, just eliminate the "border" parameter. Experiment with the "cellpadding" (space between cell content and border) parameter to achieve the look you want.
Also, note that cell content can be whole paragraphs or pictures which enables you to place elements of your page side by side. My home page is an example of this with the text and my picture appearing side by side. You can do anything with text and pictures inside of a table cell that you can outside of tables.
|
|
|
