| Fonts and Styles |
| Function |
Tag |
Attribs |
Attribute Values |
Example |
| Specify Font |
<font> … </font> |
face |
font family name |
The font must be compatible with the .NET Framework. Fonts which are not be installed on the target system can be embedded within the application, see: Tip #3 |
face="Arial" |
| |
|
size |
size of font |
Append "pt" if Points or "px" if Pixels. Values without a suffix and greater than 7 are treated as Points, values 7 or less are converted to standard HTML sizes. |
size="12pt" |
| |
|
color |
color of font |
Specify one of the 17 standard named HTML colors or an RGB hex value in the form "#RRGGBB" or "rgb(RR,GG,BB)" or "rgb(RR%,GG%,BB%)" |
color="green" or color="#008000" or color="rgb(00,80,00)" or color="rgb(0%,50%,0%)" |
| Superscript Text |
<sup> … </sup> |
|
<sup> superscript</sup> |
| Subscript Text |
<sub> … </sub> |
|
<sub> subscript </sub> |
| Increase Font Size (by a third) |
<big> … </big> |
|
<big>big text</big> |
| Reduce Font Size (by a third) |
<small> … </small> |
|
<small>small text</small> |
| Bold |
<b> … </b> |
|
<b>bold text</b> |
| Italic |
<i> … </i> |
|
<i>italic text</i> |
| Underline |
<u> … </u> |
|
<u>underlined text</u> |
| Strike-through |
<s> … </s> |
|
<s>strike-through text</u> |
| Hyperlink |
<a> … </a> |
href |
Destination anchor |
Clicking a hyperlink raises the HTMLLabel's HyperlinkClicked event. The destination anchor is available to the event handler. |
<a href="www.blah.com"> Website </a> |
| |
|
|
|
|
|
| Layout |
| Function |
Tag |
Attribs |
Attribute Values |
Example |
| Line Break |
<br> |
clear |
"none"
(default) |
Force a line break, the new line may flow around lift and right aligned images |
Line 1<br>Line 2 |
| |
|
"left" |
Force a line break which is below all images aligned to the left |
<img src="pic.png" align="left">
Line 1
<br clear="left">
Line below left aligned images |
| |
|
"right" |
Force a line break which is below all images aligned to the right |
<img src="pic.png" align="right">
Line 1
<br clear="right">
Line below right aligned images |
| |
|
|
"all" |
Force a line break which is below all images aligned to the left and right |
<img src="pic.png" align="left">
Line 1
<br clear="all">
Line below all images |
| Paragraph (with blank line above and below) |
<p> … </p> |
align |
"left"
(default) |
Text is flush with the left margin; right margin is jagged |
<p align="left"> blah</p> |
| |
|
"right" |
Text is flush with the right margin; left margin is jagged |
<p align="right"> blah</p> |
| |
|
|
"center" |
Text is centered; jagged on both margins |
<p align="center"> blah</p> |
| |
|
|
"justify" |
Spaces between words are extended so that both margins are flush |
<p align="justify"> blah</p> |
| Block Division (without blank lines above or below) |
<div> … </div> |
align |
"left"
(default) |
Text is flush with the left margin; right margin is jagged |
<div align="left"> blah</div> |
| |
|
"right" |
Text is flush with the right margin; left margin is jagged |
<div align="right"> blah</div> |
| |
|
|
"center" |
Text is centered; jagged on both margins |
<div align="center"> blah</div> |
| |
|
|
"justify" |
Spaces between words are extended so that both margins are flush |
<div align="justify"> blah</div> |
| |
|
|
|
|
|
| Lists |
| Function |
Tag |
Attribs |
Attribute Values |
Example |
| Unordered List |
<ul> … </ul> |
type |
"disc"
(default)
|
Disc bullets are associated with each item |
<ul type="disc">
<li>List Item</li>
</ul> |
| "circle" |
Circle bullets are associated with each item |
<ul type="circle">
<li>List Item</li>
</ul> |
| |
|
|
"square" |
Square bullets are associated with each item |
<ul type="square">
<li>List Item</li>
</ul> |
| Ordered List |
<ol> … </ol> |
type |
"1"
(default)
|
Numeric values are associated with each item; 1,2,3,… |
<ol type="1">
<li>List Item</li>
</ol> |
| "i" |
Roman lower-case values are associated with each item; i,ii,iii,… |
<ol type="i">
<li>List Item</li>
</ol> |
| "I" |
Roman upper-case values are associated with each item; I,II,III,… |
<ol type="I">
<li>List Item</li>
</ol> |
| "a" |
Alpha lower-case values are associated with each item; a,b,c,… |
<ol type="a">
<li>List Item</li>
</ol> |
| |
"A" |
Alpha upper-case values are associated with each item; A,B,C,… |
<ol type="A">
<li>List Item</li>
</ol> |
| |
|
start |
initial value |
Specify the starting value of the list |
<ol start="5">
<li>List Item</li>
</ol> |
| |
|
|
|
|
|
| Images |
| Function |
Tag |
Attribs |
Attribute Values |
Example |
| Display Image |
<img> |
src |
filename of image |
To display embedded images refer to Tip #2 |
src="Image.jpg" |
| |
|
align |
"middle" |
The centre of the image is aligned with the base of the current line of text |
|
| |
|
|
"top" |
The top of the image is aligned with the top of the current line of text |
|
| |
|
|
"bottom"
(default) |
The bottom of the image is aligned with the base line of the current line of text |
|
| |
|
|
"left" |
The image is aligned at the left edge, beginning after the current line of text |
|
| |
|
|
"right" |
The image is aligned at the right edge, beginning after the current line of text |
|
| |
|
width |
width in pixels |
width="50" |
| |
|
height |
height in pixels |
height="50" |
| |
|
border |
border width in pixels |
border="2" |
| |
|
vspace |
blank space above and below image in pixels |
vspace="10" |
| |
|
hspace |
blank space to left and right of image in pixels |
hspace="10" |
| |
|
tspace |
blank space at top of image in pixels |
tspace="10" |
| |
|
bspace |
blank space at bottom of image in pixels |
bspace="10" |
| |
|
lspace |
blank space at left of image in pixels |
lspace="10" |
| |
|
rspace |
blank space at right of image in pixels |
rspace="10" |
|
|
|
|
|
|
| Miscellaneous |
| Function |
Tag |
Notes |
| Ignore tags within block |
<xmp> … </xmp> |
<xmp> indicates a block of text where all HTML tags are ignored, except </xmp>. It also causes a paragraph break. |
|
|
|
|
|
|
| Attributes applicable to any tag |
| Function |
Attribute |
Notes |
Example |
| Background color |
bgcolor |
The bgcolor attribute can be applied to any tag, including paragraphs |
<p bgcolor="red"> ...</p> |
| Tooltip |
title (or tooltip) |
Causes a standard Tooltip to appear when the mouse hovers over the applicable text or image |
<b title="Text to appear in Tooltip">...</b> |
|
|
|
|
|
|
| Proprietary Tags |
| Function |
Tag |
Attribs |
Attribute Values |
Example |
Gaussian Blur.
Blurred text is rendered behind regular text and can be used for glow, drop-shadow and blur effects. |
<blur> … </blur> |
color |
color of blurred text |
<blur color="silver" radius="4" xoffset="3" yoffset="3">text with shadow</blur> |
| radius (or 'r') |
radius of blur effect in pixels, the larger the radius the more blurred the text. |
| xoffset (or 'x') |
x-offset of blurred text |
Used when creating a drop-shadow effect. |
| yoffset (or 'y') |
y-offset of blurred text |
| Prevent word wrap |
<nowrap> … </nowrap> |
Prevents word wrapping of the enclosed content.
Note: Soft hyphen characters (­) can be used to allow wrapping at specific points |
<nowrap>
text which will not wrap</nowrap> |
|
|
|
|
|
|
