Text Tips |
Ok first off the basics; Underlining, making bold and italic. |
If you want to make your text bold you need to use the follwing tags: <b></b> place them around the text you wish to use. <b>Bold Text</b> So for example, my text is Bold in html should look like this. my text is <b>bold</b> |
The tags for Underlined text are: <u></u> and the tags for Italic are: <i></i> You would use these tags the same way you use the bold tags. |
![]() |
Ordered List: You can create numbered, or ordered lists, by using the <OL> (ordered list) tag. The format is: <OL> <LI>item one <LI>item two <LI>item three </OL> The ordered list will look like this: 1. item one 2. item two 3. item three |
Unordered List: To create bulleted, or unordered lists, use the <UL> (unordered list) tag. The format is: <UL> <LI>item one <LI>item two <LI>item three <UL> The unordered list will look like this: item one item two item three |
Section 2: Lists |
Definition List: The definition list is somewhat different and can be used to automatically indent certain parts of your text by using the <DL> (definition list) tag. The easiest way to explain a definition list is to show one: <DL> <DT> Oranges <DD> A reddish-yellow tropical fruit about the size of an apple. A member of the citrus fruit family. In the United States, oranges are grown primarily in the states of Florida and California. <DT> Apples <DD> Technically a pome, apples are an orange-sized fruit, usually in varying shades and mixtures of red, yellow, and green. In the United States, apples are grown primarily in the northern states, near bodies of water. </DL> The definition list will look like this: Oranges A reddish-yellow tropical fruit about the size of an apple. A member of the citrus fruit family. In the United States, oranges are grown primarily in the states of Florida and California. Apples Technically a pome, apples are an orange-sized fruit, usually in varying shades and mixtures of red, yellow, and green. In the United States, apples are grown primarily in the northern states, near bodies of water. |
![]() |
Section 3: Tables |
Tables are a great way to divide a page and organise how your page looks. A table is basically a grid made up of columns and rows. Each little box is called a cell. Your text, pictures, whatever goes inside the cells. To create a table you need to start and end it. To start a table you need to type <table> and to end the table type </table>. What goes between the start and end table depends on what type of table you want. Every table has at least one row. A table row is one horizontal row made up of x number of table data cells. It is completely up to you what you put into each cell, it can be text, images, links, anything. If you want to create a table you need to type: <table> <tr> - start table row <td> - start table data cell type your text or image tags here </td> </tr> </table> |
If you want to create a table with two columns and one row. You need to type: <table> <tr> - start table row <td> - start table data cell type your text or image tags here </td> <td> - start the second table data cell type your text or image here </td> </tr> </table> |
Or for a table with two rows and one cell <table> <tr> - start table row <td> - start table data cell type your text or image tags here </td> </tr> <tr> Start the sencond row <td> start table data cell - insert text etc for 2nd row </td> </tr> </table> |
![]() |
section 4: Scrolling text |
<MARQUEE> Used with Microsoft Internet Explorer to make your text scroll on the screen. This HTML tag does not work with any current versions of Netscape Navigator. Example1: <MARQUEE BEHAVIOR="scroll" DIRECTION ="left">Your Text</MARQUEE> Example2: <MARQUEE BEHAVIOR="slide" DIRECTION ="left">Your Text</MARQUEE> The difference between these two are simple, the first one the text will scroll from one side of the page to the other constantly (ie: Like a Direct Current) Where as the second one slides from one side back to the other (ie: like an Alternate current) |
Unfortunately I cannot show either of these working as i have chosen to use Geocities PageBuilder and not HTML editable pages. (Saves time this way) However if you click HERE it will take you to computerhope.com the only site i could find with working Scroll text. (they also have a few other examples) |
© copyright C. klavins 2001 |
As always my pages are copyright, so my hard work cannot be legally copied. You may use any of the scripts/html of course and you may take these scripts to use on your own help sites. HOWEVER the page (layout and design) is what is copyrighted, which means that although scripts etc,. are usable copying the page in it's entirity is infringement (changing the background counts too) The sepuraters are images are sepurate, in most cases the images used are NOT of my creation, and the sepuraters belong to Yahoo.com |
If you would like to change the colour/size/font of your text that scrolls use the basic font tags eg: <font face="font style" color="font colour" size="font size"> before the Scroll text html. <font face="comic sans ms" color="Blue"><MARQUEE BEHAVIOR="scroll" DIRECTION ="left">Your Text</MARQUEE> This will make your text comic sans ms and blue and scroll from left to right. |