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. |