|
Text Tags
(NOTE: all HTML tags are enclosed by the
"<" and ">" symbols) |
<b>only text between tags is affected</b>
Creates bold text |
<i>only text between tags is affected</i>
Creates italic text |
<u>only text between tags is affected</u>
Creates underlined text |
<u><b><i>only text between tags is affected</i></b></u>
Creates underlined bold italic text (note:
close tags in reverse order) |
<small>only text between tags is affected</small>
Creates one size smaller text |
<big>only text between tags is affected</big>
Creates one size larger text |
<font size="4">only text between tags is affected</font>
Sets size of font, from 1(smallest) to 7(largest) ) |
<font size="4"><b>only text between tags is affected</b></font>
Sets size of Bold font, from 1(smallest) to 7(largest) ) |
<font color="red">only text between tags is affected</font>
Sets font color, using
color name or
hex value |
<font color="red"><b>only text between tags is affected</b></font>
Sets Bold font color |
<font color="red"><b><i>only text between tags is affected</I></b></font>
Sets Bold Italic font color |
|
|
Text Formatting |
<p></p>
Creates a new paragraph |
|
<p align="center">
Aligns a paragraph to the left, right, or center |
<br>
Inserts a line break |
<blockquote> </blockquote>
indents text from both sides |
<ul></ul>
Creates a bulleted list |
<ol></ol>
Creates a numbered list |
<li></li>
Precedes each list item, and adds a bullet or a number |
|
List Examples: |
Bulleted list
|
HTML |
Displays |
<ul>
<li>apple</li>
<li>orange</li>
<li>grape</li>
</ul> |
orange
grape
|
|
Numbered list
|
HTML |
Displays |
<ol>
<li>apple</li>
<li>orange</li>
<li>grape</li>
</ol> |
- apple
orange
grape
|
|
|
|
Images
|
<img src="http://yourwebsite.com/yourimagefolder/yourimage.jpg">
Adds an image |
<hr>
Inserts a horizontal rule |
|
|
Tables
|
<table></table>
Creates a table |
<tr></tr>
Sets off each row in a table |
<td></td>
Sets off each cell in a row |
table example 1
|
|
HTML |
Displays |
<table>
<tr>
<td>apple</td>
<td>orange</td>
<td>grape</td>
</tr>
<tr>
<td>strawberry</td>
<td>peach</td>
<td>pear</td>
</tr>
</table> |
| apple |
orange |
grape |
| strawberry |
peach |
pear |
|
| |
|
|
<table width="300">
Sets the width of the table, either in pixels ("300") or as a
percentage of the screen ("75%") |
<table border="1">
Sets the width of a border around the table and between each cell in
that table. |
<table cellpadding="2">
Sets the distance between the border of the table and the contents
of each cell in
that table (in pixels). |
<table bgcolor="Antiquewhite">
Sets the background color of a table using a
color name.
<td bgcolor="#">
Sets the background color of a cell using a color
hex value. |
<table align="center">
Sets the horizontal alignment of a table.
<td bgcolor="center">
Sets the horizontal alignment of the contents of a cell. |
table example 2
|
|
HTML |
<table width="500" border="1"
cellpadding="2">
<tr>
<td width="200" align="center" bgcolor="antiquewhite">apple</td>
<td width="200" align="right"
bgcolor="Beige">orange</td>
<td width="100" bgcolor="cornsilk"><b>grape</b></td>
</tr>
<tr>
<td width="200">strawberry</td>
<td width="200" bgcolor="CCFF99">peach</td>
<td width="100" bgcolor="3300CC"><font
color="white">pear</font></td>
</tr>
</table> |
|
Displays |
|
apple |
orange |
grape |
| strawberry |
peach |
pear |
|
|
|
Free template:
Select the text in the yellow cell to the right and paste it
into the description field. Replace the complete
*** INFO
Here***
text (including the asterisks) with the appropriate information about your book and your
selling terms and policies.
NOTE:
Once you enter your Shipping, Payment, and Seller Info/Policies
into the template the first time, you can copy the HTML again,
this time with your information replacing the
***INFO
Here***
markers for those fields and you won't have to enter that
information over again each time.
Scroll down to see what
the Template will look like in your listing.
|
|
HTML |
<table border="1"
cellpadding="3" cellspacing="1" width="780">
<tr>
<td width="780" align="center" colspan="2">
***LISTING TITLE or IMAGE URL here***
</td>
</tr>
<tr>
<td width="150" bgcolor="#F4F4F4" align="right"><b><font
color="#000080">
ISBN</font></b></td>
<td width="630">
***ISBN Here or DELETE***
</td>
</tr>
<tr>
<td width="150" bgcolor="#F4F4F4" align="right"><b><font
color="#000080">
Author</font></b></td>
<td width="630">
***AUTHOR Here***
</td>
</tr>
<tr>
<td width="150" bgcolor="#F4F4F4" align="right"><b><font
color="#000080">
Title</font></b></td>
<td width="630">
***TITLE Here***
</td>
</tr>
<tr>
<td width="150" bgcolor="#F4F4F4" align="right"><b><font
color="#000080">
Publisher</font></b></td>
<td width="630">
***PUBLISHER Here***
</td>
</tr>
<tr>
<td width="150" bgcolor="#F4F4F4" align="right"><b><font
color="#000080">Pub
Date</font></b></td>
<td width="630">
***PUB DATE Here***
</td>
</tr>
<tr>
<td width="150" bgcolor="#F4F4F4" align="right"><b><font
color="#000080">-</font></b></td>
<td width="630"> </td>
</tr>
<tr>
<td width="150" bgcolor="#F4F4F4" align="right"><b><font
color="#000080">
Description</font></b></td>
<td width="630">
***DETAILED DESCRIPTION and GRADING Here***
</td>
</tr>
<tr>
<td width="150" bgcolor="#F4F4F4" align="right"><font
color="#000080">-</font></td>
<td width="630"> </td>
</tr>
<tr>
<td width="150" bgcolor="#F4F4F4" align="right"><b><font
color="#000080">
Shipping</font></b></td>
<td width="630">
***SHIPPING TERMS Here***
</td>
</tr>
<tr>
<td width="150" bgcolor="#F4F4F4" align="right"><b><font
color="#000080">
Payments</font></b></td>
<td width="630">
***PAYMENTS ACCEPTED INFO Here***
</td>
</tr>
<tr>
<td width="150" bgcolor="#F4F4F4" align="right"><font
color="#000080">-</font></td>
<td width="630"> </td>
</tr>
<tr>
<td width="150" bgcolor="#F4F4F4" align="right"><b><font
color="#000080">
Seller Info/Policies</font></b></td>
<td width="630">
***SELLER INFO/POLICIES here***
</td>
</tr>
</table>
|
|