HTML Documents

Overview

HTML is a rich document language that is used to create web pages. However, it is effective as a markup language for simple business documents. In addition, the davinci platform provides simple ways to bind a document to data so that it can be automatically updated as the underlying data changes.

The following represents the simple tags that can be used to create online documents.

Text

Text is rendered as is. That is, the following HTML:


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

is rendered as:

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Text Style

You apply various styles to text by wrapping the text with span tags and then setting the style attribute.


<span style="font-size:30px;">Large Text</span><br/>
<span style="font-family: Impact, Haettenschweiler, 'Arial Narrow Bold', sans-serif;">Font Family</span><br/>
<span style="font-weight:bold">bold text</span><br/>
<i>Italics</i>

Large Text
Font Family
bold text
Italics

Headers

Headers are predefined tags that represent headers in the text. Styles can be applied to headers to alter their appearance if desired.


<h1>Header 1</h1>
<h2>Header 2</h2>
<h3>Header 3</h3>

Header 1

Header 2

Header 3

Enumerated Items

Enumerated Items can be coded as follows:


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

item 1
item 2
item 3

Alternatively, you can have the enumerated items listed with a number instead of a bullet.


<ol>
	<li>item 1</li>
	<li>item 2</li>
	<li>item 3</li>
</ol>

item 1
item 2
item 3