Homepage Tips

10 Feb

HOMEPAGES MAKER TIPS

· Font sizes can be set explicitly. Different font sizes can be used on the same line as well.
Use text to enclose the text you want to change.
The tag used for the first example here is: FONT SIZE=1
FONT SIZE=1 (smallest) FONT SIZE=7 (largest)
· Special tags can be used to change the characteristics of what is displayed. Some of these are shown here.

1. Use BOLD to get the BOLD effect.

2. Use Italic to get the Italic effect.

3. The Emphasis element, coded as Emphasis, typically is the same as Italics, but could change in the future.

4. Other Character formatting elements include : Big – Big text (Same effect as )

5. Blinking – Blinking text (try not to use too much)

6. Small – Small text (Same as )

7. strukthrough – Text that has been struck through

8. strong – Text with strong attribute (Like bold )

9. Subscript – Shows as Subscript

10. Superscript – Shows as Superscript

11. Teletype – TypeType (or Teletype). ( has the same effect.)

12. Underlined text - Underlined text (doesn't show up in all browsers).

· The tag can also be used to set text colors. (You can include both the SIZE and COLOR parameters in the tag if you want.) Red will set the word Red to red (or any other color). You can set adjacent characters to different colors if you want.

·


gives a simple rule, shown shaded. You can show the bar solid with NOSHADE specified (


) You can show the bar wider (


) And wider without shading
(


) You can also center the ruler (or position it to the left or right) and limit
the width of the ruler (


)

· You can center the text (...text...) Text can be centered in a table cell or in a following paragraph, such as this one.

· Additional paragraphs can be added (separated from the previous paragraph here by the line break tag (
), which starts a new paragraph, but without a blank line.

· The paragraph tag

starts a new line here, but adds a single blank line first. The text, however, will remain centered until the closing tag.

· If you do nothing, text will be justified to the left, like this paragraph. By enclosing the text in

...text...

, you can force the paragraph to be right aligned (next to a photograph or in a table). Left alignment is the default. Just enter text without any special tags to get left justified text.

· A block of text can be indented from a preceding and following paragraph (left justified, but indented on both the right and left) by using the

...text...

tags.
This allows you to add some information, set off from the remainder of the text. Both margins are
indented, as well as having a blank line before and after the text. This will add some special phasis
or break up the text for easier reading by the viewer. Normally, one or more spaces in the source are
condensed to one space by the browser.

· If you want to actually have more than one space, say to look like a tab, you can insert the special symbol for a non-breaking space (where more than one will not be reduced to a single space),   (you need to enter all six characters!). Thus, by including 6 of these at the start of the next paragraph, we get the following: This paragraph now appears to have been tabbed over when
started. Following sentences (and paragraphs) adhere to the normal rules for spaces.

· Aligning text in columns or with images and icons A two column table can be used to align text in columns, leave a blank space to the right, or line up text and images.
The following HTML is used to create the tables below. BORDER=0 is used for the right table. The
table will automatically assign enough space to accommodate the height and width of the graphics
and text in any row or column.

Image to the left, borders turned on
Another image

· Using a table to indent text. The following HTML will create a two column table, with the first column taking 25% of the space (which will not be filled) and a second table which will contain headings, text, and a list. If you are using Internet Explorer or Netscape 3.0, you will see the background for this table data being white.

Table to create left margin (this is the table header)

This is a header ....

What follows is a list of things about tables.

  1. Table data can ....
  2. Table data represents ....
  3. Table rows can contain ....
  4. Table data in any row ....
  5. Images or text may be ....

· This line starts at the left margin of the page, preceding the table statements below. If you were using tables to format your page for a background that had a left border, then you could put your lunks in the left column, ober the border, and the rest of your page at the right, with all your text, images, and other tables within the right column, similar to the example below.

n - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

· Putting a table within a table. When a table is used to format a page, you may want to have a table in that larger table. Here we have a table that is three columns wide by three rows long, without the borders showing. In it we have a smaller five column by three row table, with borders, that spans the last two columns of the larger table. Here is the HTML to create the following tables.

Tables are fun Tables are quite useful
Tables are the best way
to lay out a page in an
ordered manner.

Number of
cells
Cols = 1 Cols = 2 Cols = 3 Cols = 4
Rows = 1 1 2 3 4
Rows = 2 2 4 6 8

· And here is what you see with the HTML shown. By using tables, you can place text or images wherever you want them on the page. What is shown is a table with BORDER=0 to make text and another table appear on the page where we want it to be.

n - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -

Advertisements

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s