Contents What's New Index prev next refresh

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:

<p>This is a paragraph</p>

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:

<p>This is a paragraph</p> <p>This is a paragraph</p> <p>This is a paragraph</p>

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:

<p style="color:red"> This is a paragraph with red text</p>

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:

<p class="funky"> This paragraph is rather funky</p>

Looks like this:

This paragraph is rather funky

Because this page has a stylesheet with this code:

p.funky { background-color: yellow; border: 1px solid red; font-style: italic; color: blue; margin: 5px; text-align: center; }

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.

embed HTML Tutorial