Using the formatting toolbar

Websites that I make allow users to add, modify, and delete their website content. A feature that I add in is formatting toolbars like CKeditor. Toolbars like CKeditor add your HTML to your pages code with out you seeing it happen. Most editors will have a "Source" button that allows you to see the code that was generated from the toolbar. This can be helpful in making sure your code is clean, or fixing broken tags. When using the tool bars there are some basic rules that you should follow.

Paste in as plain text - When pasting in text from a program like Microsoft Word or a email program always, and always "paste in as plain text". Button graphics differ from editor to editor. When pasting text from programs like Microsoft Word you also paste in hidden code. This code can seriously mess up your pages and views. Paste in as plain text then format using the toolbars built into the website.

Paragraph format - When you have a heading of any sort use the Paragraph format select box. You have options of Normal (<p>), Heading 2 (<h2>), Heading 3 (<h3>), Heading 4 (<h4>), Heading 5 (<h5>), Heading 6 (<h6>). Headings rank form Heading 1 being the top level heading to Heading 6 at the bottom level. Heading 1 is your page title name. Heading 2 is usually used for Block and Menu titles. View example below:

Heading 3

Heading 4

Heading 5

In your theme your headings are predefined. Having same level headings with the same font-size, color, and font-family ensures your website keeping a common look and feel.

Ordered and unordered lists - When you have a list it's good to use the unordered list and ordered list buttons.

Using things like headings and lists don't only improve your websites design it also helps tell search engines what kind of data your text is. Google looks at the text that is a link, heading, or a list as more important that regular paragraph text.