Introduction to HTML
Many of Directra's screens allow you to enter HTML instead of plain text. With HTML you can customize your Group with fonts, images, tables, lists and links.
HTML is a simple language for creating web pages. Here are a few basics to get you started. Go to www.w3schools.com for an in-depth tutorial.
Directra provides a wealth of styles for you to use. See our HTML Style Guide for details.
HTML Tags
HTML elements are always wrapped in tags. Here is an example of an HTML paragraph wrapped in a p tag:
Most elements begin with an open tag and end with a close tag. The close tag always contains a forward slash / to distinguish it from the open tag.
White Space
Spaces and line breaks between characters are termed "white space". HTML treats sequential white space characters as a single space. For example, these paragraphs will look identical in your web browser:
HTML Attributes
The open tag of an HTML element can have optional attributes (or properties) that change the element's behavior. A common example is the style attribute:
Looks like this:
This is a paragraph with red text
HTML Class Attribute
The class attribute unleashes the real power of HTML styling. Here is an extreme example:
Looks like this:
This paragraph is rather funky
Because this page has a stylesheet with this code:
Don't worry, you don't need to create your own stylesheets because you have access to Directra's stylesheets. So it's easy to enter HTML that is as beautiful as Directra.