The first type of list is an ordered list, represented by the <ol> tag. Every element in an ordered list is represented with the <li> tag, which stands for list item. An ordered list generally is ordered by numbers or roman numerals. The next type of list is the unordered list, represented by the <ul> tag. This type of list contains <li> tags just like an ordered list. However, instead of numbers, each item is preceded by an element like a bullet point. The third type of list is the definition list, represented by the <dl> tag. Within this list, definition terms are marked by the <dt> tag, while the actual definitions are represented by the <dd> tag. Lists can also be nested within each other. For example, a second list can be placed within an <li> tag to create a sub-list.
There are five general categories for typefaces: serif, sans-serif, monospace, cursive, and fantasy. Serif fonts have serifs, or “feet”, on the ends of the main strokes of the letters; sans-serif typefaces do not have these feet and are therefore a sleeker, cleaner typeface option; in monospace typefaces, every letter is exactly the same width; cursive typefaces usually have strokes that connect letters together, or rather simply look like handwriting; and fantasy typefaces are extremely loud and decorative, and therefore are very effective for titles, but lousy options for body text. When selecting a typeface for a website, it is also important to consider the weight, style, and stretch (condensed v. extended) of a typeface.
If a designer wants to transform text on a page, they can use the uppercase, lowercase, and capitalize properties in CSS. The uppercase property makes all text appear as uppercase letters, while the lowercase property does the opposite. The capitalize property makes every word start with a capital letter. Decorative attributes can be added to text by utilizing the underline, overline, line-through, and blink CSS properties. Underline creates a line under text, overline creates a line above text, and line-through places a line directly through text. The blink property causes text to blink off and on, and is not used very often due to its irritating nature. Text can be aligned in CSS with the text-align property. This property includes text-align: left, right, center, and justify. Text can also be vertically aligned with the vertical-align property in CSS.