Blackbaud Grantmaking: HTML Coding Tips
Published
When developing application and reporting forms here are a few basic tips on formatting using hyper text mark-up language (HTML) coding. HTML is used to format web pages, so can be used in your online applications and reporting forms.
HTML Tags:
A tag defines the format of your text. They are element names surrounded by angle brackets
Common Tags
Bold Text: <b>Text</b>
Underline Text: <u>Text</u>
Italicize Text: <i>Text</i>
Add Text color: <font color=red>Text</font>
Tip: you can substitute the hex colors i.e <font color=#FF0000 ></font>
Tip: Tags can be combined, but you must remember to reverse the order of the end tags.
Tip: you can use multiple line breaks<br><br> together. Note <br> does not need a closing tag
How to add a List
Ordered (numbered) list <ol></ol>
Unordered (bulleted) list <ul></ul>
Begin each list item between the start and end tag with <li>
<a href=”http://www.blackbaud.com”>Description</a>
When wanting to add instructions to your form, the “Note” field will be your best friend.
Tip: use word to format the content, then cut and paste into the field
A tag defines the format of your text. They are element names surrounded by angle brackets
- Tags normally come in pairs like <b> and </b>
- The first tag in a pair is the start tag, the second tag is the end tag
Common Tags
Bold Text: <b>Text</b>
Underline Text: <u>Text</u>
Italicize Text: <i>Text</i>
Add Text color: <font color=red>Text</font>
Tip: you can substitute the hex colors i.e <font color=#FF0000 ></font>
Tip: Tags can be combined, but you must remember to reverse the order of the end tags.
- <b><u><i>TEXT</i></u></b>
Tip: you can use multiple line breaks<br><br> together. Note <br> does not need a closing tag
How to add a List
Ordered (numbered) list <ol></ol>
Unordered (bulleted) list <ul></ul>
Begin each list item between the start and end tag with <li>
- <ol><li>Item 1<li>Item 2<li>Item3</ol>
<a href=”http://www.blackbaud.com”>Description</a>
- Enter the URL of the link between the “asterisk”
- Your description will be the hyperlink
When wanting to add instructions to your form, the “Note” field will be your best friend.
Tip: use word to format the content, then cut and paste into the field
News
Tips, Tricks, and Timesavers!
04/30/2019 3:01pm EDT
Leave a Comment