Forum • Members • Account • Mail Box • Vote • News • Index

{Posts}

Forums → Art Avenue → « Table + HTML Guide »

There are currently 5 post(s), spanning 1 pages(s).
1

Blu
Deleted User

31 Jan 2008, 1:52am

Table Guide:
A helpful guide to table making, hope you all can use it!

The basic code and how to work with it:

<center><table width="480px" border="1px" cellspacing="0" cellpadding="0" bgcolor="000000" bordercolor="royalblue"><tr><td><img src="">

<p align=left><font size="2" color="#ffffff">the picture is supposed to be an x</font></p>

<p align=right><font size="2" color="#ffffff">wee this is fun</font></p>

<blockquote><p align=justify><font size="2" color="royalblue">TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE</font></p></blockquote>



<p align=center><font size="4" color="royalblue">B L U</font>

<font size="2" color="#ffffff">-iI like pie</font></p>

</tr></td></table></center>

- Tables that aren't wide look better centered, and well I center all of my tables anyway.

- Pictures being used in a table must have the same width as that put in: "width=???px" otherwise it's all messed up.

- **You must close your tags in the same order you applied them. If you do bold, italic, color 'text text' you must close them in the order of color, italic, bold. Get it?

- "border=???" Will make a border around the table. It can vary in width and color. If you don't want a border you can type in 0 or just remove the whole code. Keep the cell spacing and padding at 0 because rows aren't needed in this case.

- "bgcolor=#?????" Will color the background of the whole table.

- bordercolor=#???? Specifically colors the table's border color.

- Leave the and how they are and insert the picture you wish to use, if you are using a picture.

- Next you need to change font. Font size, color, family and alignment.

***Always close your table in the bottom otherwise it really messes up the boards and everything else.

Should look like:

the picture is supposed to be an x

wee this is fun

TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE

B L U
-iI like pie

Helpful HTML Sites:
Annabella's Site
Lissa Explains It All
Funky Chicken
To Get Fancy Fades Click Me!
Easy Table making and scrollbars
Practice Board

And an HTML Guide I have complied:

I will make an image appear
I will allow you to link somewhere, don't forget to close me!

This makes your text go left, dont forget to close me!

This makes your text go right, dont forget to close me!

This makes your text center, sometimes you should close me!

This makes your text be centered, but all the text is the same length thanks to the blockquote code, which only works with justify code following. Blockquote must go first, and is a code that needs to be closed

I make your font style change, don't forget to close me!
I make your font color change, don't forget to close me!
I make your font size change, don't forget to close me!
~~I make your text have a strike, don't forget to close me!~~
I make your text bold, don't forget to close me!
I make your text italic, don't forget to close me!
I make your text underlined, don't forget to close me!

I make a space

I make a big space, sometimes you should close me!

I make a line across the page
I make codes appear, don't forget to close me!





<img src="URL HERE"> I will make an image appear

<a href="URL HERE"> I will allow you to link somewhere, don't forget to close me!</a>

<p align=left> This makes your text go left, dont forget to close me!</p>

<p align=right> This makes your text go right, dont forget to close me!</p>

<center> This makes your text center, sometimes you should close me!</center>

<blockquote><p align=justify> This makes your text be centered, but all the text is the same length thanks to the blockquote code, which only works with justify code following. Blockquote must go first, and is a code that needs to be closed</blockquote>

<font face="papyrus"> I make your font style change, don't forget to close me!</font>

<font color="royalblue"> I make your font color change, don't forget to close me!</font>

<font size="5"> I make your font size change, don't forget to close me!</font>

<strike>I make your text have a strike, don't forget to close me!</strike>

<b>I make your text bold, don't forget to close me!</b>

<i>I make your text italic, don't forget to close me!</i>

<u>I make your text underlined, don't forget to close me!</u>

<br>I make a space

<p>I make a big space, sometimes you should close me!</p>

<hr>I make a line across the page

[code]I make codes appear, don't forget to close me![/code]
*For the code command use brackets <*> instead of []*

Updated by Blu on 21 Apr 2009, 5:56pm

Blu
Deleted User

21 Nov 2008, 5:14pm

the picture is supposed to be an x

wee this is fun

TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE

B l u
-iI like pie

<center><div style="width:480px; padding:0px; border:1px #ffffff solid; background-color:#000000; font-size:12px; font-family:verdana; text-align:justify;">

<center><img src=""></center>

<p align=left><font color="#ffffff">the picture is supposed to be an x</font></p>

<p align=right><font color="#ffffff">wee this is fun</font></p>

<blockquote><font color="royalblue">TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE TEXT HERE </font></blockquote>



<p align=center><font size="4" color="royalblue">B l u</font>

<font color="#ffffff">-iI like pie</font></p>

</div></center>

Updated by Blu on 21 Apr 2009, 5:57pm

Scream the Wicked
Outcast

24 Nov 2008, 8:14am Check it. If I am too lazy to code... I just use this. It is for a scroll or a box: Tinted Glass

Neo
Admin

17 Apr 2009, 2:32am PracticeBoard is very good to use when coding. :)

Pisces
Deleted User

17 Apr 2009, 4:32am YAY~ Practice board is back~! I hate it when it disappears on me and leaves me to find sub-standard alternatives >.<