HTML Reference Lookup Table
| Links | |
|---|---|
| Hyperlink | No tags needed - just type the URL starting with http:// |
| Hyperlink embedded in text |
<a href="http://URLtolinkto">text that you want linked</a> |
| Text Formatting | |
| Bold | <strong>Text</strong> or <b>Text</b> produces: Text |
| Italic | <em>Text</em> or <i>Text</i> produces: Text |
| Strikethrough |
<del>Text</del> produces: |
| Superscript | <sup>Text</sup> produces: Text |
| Subscript | <sub>Text</sub> produces: Text |
| Center |
<center>Text</center> produces: |
| Blank character space | |
| Start text on a new line | <br />Text |
| Start text on a new line after a blank line | <br /><br />Text |
| Blockquotes | |
| Create an indented blockquote for article excerpts | <blockquote>text of quote</blockquote> |
| Images | |
| Images aka pictures |
Enter: <img src="yourpicturefilename" alt="picture title" width="350" border="0" /> The maximum width for a picture within a comment on the DCP blogs is 470. Acceptable image file types are jpg, gif and png. |
| Image with text floated on the right side |
Enter: <img src="yourpicturefilename" alt="picture title" width="300" border="0" style="float: left; padding: 5px 9px 5px 0;" /> The WIDTH parameter should be set to no more than 300 or 325 to allow room for the text on the side. |
| Image with text floated on the left side |
Enter: <img src="yourpicturefilename" alt="picture title" width="300" border="0" style="float: right; padding: 5px 0 5px 9px;" /> The WIDTH parameter should be set to no more than 300 or 325 to allow room for the text on the side. |
| Image with hyperlink |
Enter a hyperlink statement and add the image statement in place of text: <a href="http://addyourURL"><img src="yourpicturefilename" alt="picture title" width="300" border="0" /> </a> |
| Formatted List | |
| List with bullets aka an Unordered List |
<ul> <li>text of first list item</li> <li>text of second list item</li> ... </ul> |
| List with numbers aka an Ordered List |
<ol> <li>text of first list item</li> <li>text of second list item</li> ... </ol> |
| Tables | |
| Tables are not allowed but some table formatting may be preserved by using the <pre> tag | When you want to create a simple table of numbers such as reproducing the results of a poll, enclose the complete text with <pre> </pre> tags.
Example: In the table below, <pre> is placed just before "Yes" and </pre> is placed just after "14439". The entire example, including the poll question, is enclosed in blockquotes, ie., <blockquote>question text and poll results</blockquote>. Are Al Gore and the climate-change panel deserving winners of the Nobel Peace Prize?Yes 57% 8277 No 43% 6162 Total Votes: 14439 |
| Embedded Videos | |
| Add videos from youtube et al. to comments | The <embed> and <object> statements that youtube videos use are allowed. Just copy & paste the complete embed statement as it is presented on the youtube or Google video website. Example: <object width="425" height="350"> <param name="movie" value="http://www.youtube.com/v/zqfFrCUrEbY"> </param> <param name="wmode" value="transparent"> </param> <embed src="http://www.youtube.com/v/zqfFrCUrEbY" type="application/x-shockwave-flash" wmode="transparent" width="425" height="350"> </embed> </object> which links to this video (opens in a new window): http://www.youtube.com/watch?v=zqfFrCUrEbY |
Close this Window |