Help > Pages > skyWriter tag examples email help@skyBuilders.com
Advanced Tags Media Tags

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.


Link Tags

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)

your link text

<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>


Image Tags

An image:

<img src="http://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):

alt text for the tool tip popup

<a href="http://yourURL.com" target="_blank"><img src="http://yourIMG.gif" border="1" alt="alt text for the tool tip popup for the tool tip popup"></a>


Headings and Font Tags

Heading 1

<h1>Heading 1</h1>

Heading 2

<h2>Heading 2</h2>

Heading 3

<h3>Heading 3</h3>

Heading 4

<h4>Heading 4</h4>
Heading 5
<h5>Heading 5</h5>
Heading 6
<h6>Heading 6</h6>

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.

Lists

An unordered list: (Change ul to ol for an ordered list)

<ul>
  <li>your list item 1</li>
  <li>your list item 2</li>
  <li>your list item 3</li>
</ul>

A nested unordered list:

<ul>
  <li>your list item 1</li>
  <li>your list item 2
    <ul>
         <li>your nested list item 1</li>
         <li>your nested list item 2</li>
         <li>your nested list item 3</li>
    </ul>
  </li>
  <li>your list item 3</li>
</ul>

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)

First term
First definition data
Second term
Second definition data

<dl>
  <dt>First term</dt>
  <dd>First definition data</dd>
  <dt>Second term</dt>
  <dd>Second definition data</dd>
</dl>


Tables

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 -->


Attributes

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="http://yourBackgroundIMG.gif" (use in body tag to tile a background image)

 face="times,times new roman,serif"    face="courier,monofont,monospace"

<%= CopyrightString %>

Edit  |  Subscribe (1)  |
 Comments (3)
Language: fr  | it  | de  | es  | pt  | ar  | he  | da  | nl  | zh  | ja  | ko  | none 
Author: bobdoyle
skyCalendar

This Version:
Archived at: http://help.skybuilders.com/Pages/tags.20040306114327.html

Requests
 Version: 26385 | Series: 42853 
0 of 3 Comments on http://help.skybuilders.com/Pages/tags.html
New Post | Comment By Email
View by: Date | Thread
Search
Any Date | Date In Range
Start: 
Submit Post
Name or Email:
Password:
Subject: