FAQ #n6: How much HTML do I need to know to create a great eCenter site or update my email templates?
How much HTML do I need to know to create a great eCenter site or update my email templates?
HTML, which stands for HyperText Markup Language, provides a way for Web browsers to display information in bold, italics, color, or different font sizes. You can use HTML when customizing your eCenter Web site or creating public notices that display in Neoserra. HTML helps make the text more dynamic and interesting for the reader, and helps emphasize important information.
This FAQ article provides you with some basic HTML instruction. For more detailed information about HTML, we recommend you obtain a copy of “HTML For Dummies”® by Ed Tittel and Steven J. James. This book will give you a great introduction to HTML and provide many more commands than what we have included here.
HTML uses tags to tell a Web browser how to display text. HTML tags must surround a word or phrase that you want to emphasize with color or other formatting options. Tags are enclosed in angle brackets, <like this>. Tags always come as pairs–one to start your formatting and one to end your formatting. The ending tag requires a slash (/), </like this>, to indicate that you are ending the formatting.
The quick <b>brown</b> fox jumps over the <i>lazy</i> dog.
<p></p>. Surrounds text that makes up a paragraph.
<b></b>. Surrounds text that you would like to bold.
<i></i>. Surrounds text that you would like to italicize.
<u></u>. Surrounds text that you would like to underline.
<font color="color name"></font>. Surrounds text for which you would like to define a different color.
<font size="font size"></font>. Surrounds text for which you would like to define a different font size.
<ol></ol>. Surrounds an entire ordered (numbered) list, with <li> and </li> surrounding each item in the list.
<ul></ul>. Surrounds an entire unordered (bulleted) list, with <li> and </li> surrounding each item in the list.
<a href="link to location"></a>. Surrounds text that you would like to designate as a hypertext reference.
Also, the creation of a hypertext link is not completely straightforward and deserves some further explanation. When you want to include a link in your notice, but you want it to be an attractive looking link, you can use the <a href></a> tag pair.
Please <a href="mailto:outreach@outreachsystems.com">send us an email</a> if you have any questions.
When you add an image you may need to size it to the right dimensions using the "width" and "height" parameters. Below you can see how to use these parameters.
If you enable HTML editing of the training event description or instruction fields in Neoserra, then you will probably also want to add some HTML tags to your email templates that include these two fields.
Please refer to the FAQ titled: Yikes, why are my training event email messages formatted so strangely?