Formatting Text

Sitecore has Drexel's text styles built into its basic HTML tags. This ensures a unified look and feel across all University websites with minimal coding needed.

There are several guidelines you must keep in mind as you create textual content for a page:

HTML Basics

All websites on the Internet are built with HTML code (HyperText Markup Language). When you visit a website, HTML code--along with other codes like CSS and Javascript--are downloaded to your computer and then deciphered and displayed by your Internet browser (Google Chrome, Internet Explorer, Safari, Firefox).

HTML is very logical, reading just like we do: left to right and top to bottom. Tags are the part of HTML that computers read. They create the structure of the content. Let's say you want a heading. You will put a heading tag at the exact point you want the heading to start and another heading tag where you want the heading to stop. Tags always open with a less-than sign (<) and close with a greater-than sign (>). For example:

<tag>Content</tag>

Notice the ending tag has a "/" added to it, signifying it is the end of that element. If you were to write a sentence it would look like this:

<p>Drexel is a University.</p>

The most common tag types you will be using in Sitecore are below.

Tag Type Result Description
<p></p> Paragraph tags
Indicates a paragraph or section of text. Adds space between each paragraph.
<ol></ol> and <ul></ul> Ordered list and unordered list, respectively
Creates numbered lists and bulleted lists
<li></li> List items
Used for each line entry in an ordered or unordered list.
<h2></h2>, <h3></h3>, <h4></h4>, etc. Heading tags
Used in page hierarchy to indicate content sections.