(helpful stuff) HTML Quick Reff. [Phoenix]
2006-08-21 -- 8:45 p.m.
Don't forget closing tags! For more explaination, click here for the origional crash course I made in HTML. This is a quick-ref page for those who already have a basic understanding.
The main things I want you to see are hightlighted like you see here. Yes, by the end of this page you'll be able to make your own text like this. Or any other way you like.
Please feel free to show your gratitude towards this page by linking The Circle!
| To link The Circle...: | |
| Bold | |
| Italics | |
| Underline | |
Blockquote Note: Blockquotes look different in different templates. |
|
| To make a line break is br, and to make a paragraph break is p. | |
| To change your font color change the number code in quotations to the color you want. Select the color you want by clicking on the link for the color chart below. | |
| To make a straight line, like a seperator (default style) | |
| Seperator (custom style): Change percent to change the length, change the code to change the color | |
| HTML Color Chart Codes | HTML Code Color Chart |
| To make a link...: | |
| To make a link that opens in a new window...: | |
| To insert an uploaded image...: | |
| |
Now maybe at this point you are wondering how I made the above table. With HTML! Above I used the table tags which I will show you how to make below. By the way, seperating this text from the table you see a line, that line is made using the "hr" tag as shown above. I used the color code #6699FF for that shade of blue. Click the link above to find the colors you want to use!
| To start a table you need to first use the table tag. | |
| Inside the table there are breaks in the line, just like in text. Each line in a table is within the "tr" tag. | |
| Within the "tr" tag you always need the "td" tag. So just to create a table with one line all the way across, you would use this: | |
| The table I'm using right now has a code like this: | |
| Wondering about those other things after the "table" tag? Cellpadding determines how much space there is between the text and the lines that devide the table. This one has 5px. | |
| Cellspacing is used to determine the space between the cells themselves. You might want to make it 1px or 2px for a double-lined effect. I set this table to 0px for cellspacing. | |
| A table does not have to have borders. For a clean look that makes text appear floating magically alligned with each other, set border equal to zero. For this table, I used 1px borders.. | |
| You can also set the border color. This one is dark blue. To make the color any color you want, click the link for the color chart above. |
You may want to copy the information out of the boxes to view them as they would look if there were not in a tiny box that only shows you a few lines.
| To create the next line of your table and to still have two collums, looks what we have in the box now: |
Moving on to custom designing your own font formats. The next part requires defining the parameters inside the "head" of your layout. If you need further help with implimenting this in your journal, at the cost of a link, I will give you personal help. Click Here to Note Me for personal HTML help on your template.
More to come, just keep checking back!
Last Five Entries...
(book) Chapter 1: Scene 2 & 3 [Phoenix] - 6.30.07
(poem) Untitled [mae9191] - 2007-06-26
(Poem) Heaven's Messengers [And-Darling] - 2007-06-25
(Photos) Heaven's Messangers [And-Darling] - 2007-06-25
(info) Critique Writing [Phoenix] - 6.23.07
