|
|
Help > Pages > skyWriter tag examples | email help@skyBuilders.com |
These are some copy and paste tag examples to use in skyWriter. They include the basic tags for inserting Links, Images, Lists, and Tables, and for using Attributes.
A hyperlink: (To link to an anchor, href="#anchorName")
your link text<a href="http://yourURL.com">your link text</a>
A hyperlink that opens in a new window:
your link text<a href="http://yourURL.com" target="_blank">your link text</a>
(opens another new window each time)<a href="http://yourURL.com" target="yourwindow">your link text</a>
(opens into same "yourwindow" every time)
An anchor (in-page) link:
(To link to this point in the page, use href="#anchorName" in a link)<a name="anchorName"></a>
e.g., <a href="#top">go to top</a> will jump to <a name="top"></a>.
An email link:
skyBuilders Info<a href="mailto:info@skybuilders.com"> skyBuilders Info</a>
An image:
<img src="https://yourURL.tld/yourIMG.gif" border="0" alt="alt text">
An image that is a hyperlink (just replaced your link text with the image tag itself. Set border="0" attribute to hide the blue border around image links):
<a href="http://yourURL.com" target="_blank"><img src="https://yourURL.tld/yourIMG.gif" border="1" alt="alt text for the tool tip popup for the tool tip popup"></a>
A size 5 red font (deprecated in favor of CSS style sheets):
your text<font face="helvetica,arial,sans-serif" size="5" color="#cc3333">your text</font>
bold, italic, and bold italic text.
<strong>bold</strong>, <em>italic</em>, and <strong><em>bold italic</em></strong> text.
An unordered list: (Change ul to ol for an ordered list)
A nested unordered list:
List attributes: (put these in a <ul> tag)
type="circle" type="square" type="disc"
(put these in an <ol> tag)
type="A" type="a" type="I" type="i" type="1" start="5"
(Capital letters, lower case, Roman numerals, lowercase, and arabic numerals. Start is the first number in the list.)
A definition list: (Perfect for glossaries)
<dl>
<dt>First term</dt>
<dd>First definition data</dd>
<dt>Second term</dt>
<dd>Second definition data</dd>
</dl>
| row 1 cell 1 data | row 1 cell 2 data |
| row 2 cell 1 data | row 2 cell 2 data |
<table border="1" bgcolor="#ffffcc" bordercolor="#666666" cellpadding="2" cellspacing="2" nowrap >
<tr>
<td>
row 1 cell 1 data
</td>
<td>
row 1 cell 2 data
</td>
</tr>
<tr>
<td>
row 2 cell 1 data
</td>
<td>
row 2 cell 2 data
</td>
</tr>
</table>
A horizontal rule: (Attributes set width, size, color)
<hr width="50%" size="5" color="#cc3333">
A blockquote: (Indents your text left and right)
"your blockquoted text"<blockquote>"your blockquoted text"</blockquote>
An invisible comment: for text or html you want to hide from the browser
<!-- hidden text or html -->
Some other important attributes: (insert these in a tag)
align="left" align="center" align="right"
valign="top" valign="middle" valign="bottom"
height="67" width="100" (size an image)
hspace="5" vspace="5" (room around an image)
color="#999999" bgcolor="#dddddd" (use bgcolor in body or table tags)
link="#9999ff" vlink="#ff99ff" alink="#9999ff" text="#333333" (use in body tag to change link and text colors)
background="https://yourURL.tld/yourBackgroundIMG.gif" (use in body tag to tile a background image)
face="times,times new roman,serif" face="courier,monofont,monospace"
<%= CopyrightString %>
