Following are some best practices and recommendations for preparing content for the Drupal content management system.

Well-Formed HTML  | Styles  | Cut & Paste  | HTML Tags 
Don't be afraid to experiment...but before you fiddle too much with acomplex page, we recommend toggling to the HTML Source view, copyingthe whole page and pasting it in your favorite text editor (eg, WindowsNotepad, Mac TextEdit) to save a clean copy in case you need to go backto where you started.

Well-Formed HTML: Keeping Your Code Clean

All HTML in Drupal content items should be well formed, eg:

• tags should be nested correctly
• all tags should be lowercase (eg, <a> not <A>)
• all tag parameters should be lowercase in double quotemarks (eg, parameter="value")
• all tags with end tags should have them (eg, </p>, </li>, etc)
• all tags without end tags should be properly closed (eg, <br />, <img />, etc)
  If you use Drupal's WYSIWYG feature to enter HTML, it should bewell-formed automatically. When you preview or save a content item,Drupal will scan for any badly-formed HTML code and attempt to clean itup. If Dupal finds badly-formed code, you may receive an error (eg,"Invalid or missing body"); previewing your item again may not generatethe same error because Drupal has cleaned up any badly-formed HTML itfound. If you want to see what is going on with your code, toggle tothe HTML Source view.

Styles: Making Your Page Pretty

Local Styles

You can apply local "in-line" HTML styles within individual Drupal content items on any allowed tag, eg:
<h1 style="color:red;">this headline would be red</h1>
In general however, we discourage local styles in order to maintain aconsistent look and feel across a Drupal site using the site's globalCSS stylesheet. Also, if you refrain from adding local styles toindividual pages, you can easily change the look of your whole site bychanging its global stylesheet rather than manually changing individualpages.

Global Styles

A Drupal site's styles are set using one or more global cascadingstylesheets that set site-wide styles for all basic HTML tags.Accordingly, if you enter a plain <h1> tag on your site, it willdisplay using whatever style is defined for <h1> tags in thesite's global stylesheet(s). Changing the look of every <h1> tagon your site is as easy as changing the <h1> style definition inthe stylesheet(s). The same is true for all other basic HTML tags usedwithout style parameters.
We recommend you keep your pages as simple as possible to takeadvantage of the power of global styles. Define local styles sparinglyand only when you need to make a small section of content look uniquefrom the rest of your site. If you find yourself making a lot ofsimilar local styles, consider making some changes to your site'sglobal stylesheet(s).

Cut & Paste: Importing Content into Drupal

It is a great idea to bring already composed content into Drupal.Unfortunately, bringing already formatted content into Drupal andhaving it look good in your site requires some extra work, mostly toremove formatting added by other programs.

Copy & Paste HTML

Highlighting and copying material from another webpage you arebrowsing and pasting into Drupal's WYSIWYG view actually pastes theoriginal HTML code into Drupal. This can work well as long as theoriginal HTML code is simple and does not include local styles (seeabove). You may have to toggle to HTML Source view in Drupal and cleanup the HTML to simplify it for your site.

Similarly, you can copy raw HTML code from another program, and thentoggle to Drupal's HTML Source view before pasting. Again, you may needto clean up the original HTML to simplify it for your site.

We do not recommend using programs like MS Word to create HTML fromtext documents for use in Drupal. Typically, these programs createhighly complex HTML code in an attempt to preserve the original textdocuments formatting exactly. Such complex HTML will not look good onyour Drupal site.

Copy & Paste Wordprocessed Text

You can copy text from documents made in wordprocessing programs(like MS Word, but follow similar practices for other programs) andpaste it into Drupal, but we recommend the following steps to ensureyou produce clean code:

1. Save your MS Word document as a plain text file (Windowsusers: choose "Allow character substitution" in the File Conversiondialog box to replace special characters).
2. Close the documentand open again in your word processing program to make sure it is nowplain text, or open it in a text editor (like Windows Notepad or MacTextEdit).
3. Either copy individual paragraphs and paste them into Drupal's WYSIWYG view;
   or
   copy the entire file and paste into Drupal's WYSIWYG view.

However, if you choose not to convert your file to plain text, please use the "Paste from Word" tool in the WYSIWYG editor (clip boardwiththe Word logo) to minimize Word formatting being carried over.

Basic HTML Tags

Following is example text showing the effects of some basic HTMLtags with default Drupal styles (ie, type styles may look different onyour Saga site).

<h1-6> Tags

Heading tags establish a hierarchical structure for your document.Do not use heading tags just to change the size of text. Instead, useheading tags to organize your content: an <h1> for the mainheading for the page, <h2> tags for subsections, <h3> tagsfor sections within the subsections, and so on.
Note: most Drupal sites display event, news, and profile title fieldsand FAQ question fields as <h1> tags, so you may want to startorganizing the bodies of such Drupal content items using <h2>tags.

H2 header

H3 header

H4 header

H5 header

H6 header

<p> <a> <i> <em> <b> <strong> Tags

A paragraph with an anchor tag , italics, emphasis, bold and strong.Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diamnonummy nibh euismod tincidunt ut laoreet dolore magna aliquam eratvolutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tationullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.Duis autem vel eum iriure dolor in hendrerit in vulputate velit essemolestie consequat, vel illum dolore eu feugiat nulla facilisis at veroeros et accumsan et iusto odio dignissim qui blandit praesent luptatumzzril delenit augue duis dolore te feugait nulla facilisi.

<blockquote> Tags

Blockquote tags indent what they contain. Other HTML tags can becontained within blockquote tags. Lorem ipsum dolor sit amet,consectetuer adipiscing elit, sed diam nonummy nibh euismod tinciduntut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minimveniam, quis nostrud exerci tation ullamcorper suscipit lobortis nislut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor inhendrerit in vulputate velit esse molestie consequat, vel illum doloreeu feugiat nulla facilisis at vero eros et accumsan et iusto odiodignissim qui blandit praesent luptatum zzril delenit augue duis dolorete feugait nulla facilisi.

<hr> Tags

Horizontal rule tags display a horizontal line across the page.

<table> Tags

<ul> Tags

• unordered list
• unordered list
• unordered list

<ol> Tags

1. ordered list
2. ordered list
3. ordered list