For a better experience, click the Compatibility Mode icon above to turn off Compatibility Mode, which is only for viewing older websites.

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.