Help:Wiki University Wikitext--Backgrounds

The font you see on this page is the default font. However, you change the font in various ways. Here is where the  tag comes into play.

Using the  allows you to change the material between the   and   using coding referred to as "inline style."

Changing fonts
. We will change the default font to "times new roman" text: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet iaculis metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce elementum efficitur faucibus. Curabitur eleifend quis ligula ac ullamcorper. Curabitur eget suscipit turpis.
 * To change the font, we take the paragraph tag and add the following inline style code between the p and the > like so:
 * "Times new roman" font is a popular font used in books and magazines. You can however, use any font you want.  If you would like other fonts to select from, check your word processing program.  It will have a list of fonts, most, if not all, you can use.

Inline styling
Lets look closely at the inline style code and break it down into pieces. Study the coding again and impress it in your minds. You will be using it over and over again. 
 * 1) Space after the p.
 * 2) Next the word "style"
 * 3) Followed by an equal sign =.
 * 4) Then a quotation mark ".
 * 5) The item to be changed or property . In this case "font-family."
 * 6) A colon :.
 * 7) What change you want to the to the value . In this case change font to "times new roman."
 * 8) Add another quotation mark ". You cannot leave out any of the quotation marks.  The coding will not process if any of them are missing.

Enlarging fonts
. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet iaculis metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce elementum efficitur faucibus. Curabitur eleifend quis ligula ac ullamcorper. Curabitur eget suscipit turpis.
 * You notice in the above example that the font is rather small. Lets say we want the font to be 14 points in size. To make the font larger you insert the property:value "font-size:14pt; " in the paragraph tag coding like so:

Change font color
Sometimes you may want a different color for the font for emphasis: This is the property:value code for that: .  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet iaculis metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce elementum efficitur faucibus. Curabitur eleifend quis ligula ac ullamcorper. Curabitur eget suscipit turpis.
 * The "named" color selection is limited to 256 colors.  You have increase your selections with other coding options.  See the list of names you can use here.

More than one style change
What if we want to change the font, the size of the font and the color of the font at the same time? Just put the individual codes together separated by a semi-colon like so:  This is what our paragraph will look like: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec sit amet iaculis metus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Fusce elementum efficitur faucibus. Curabitur eleifend quis ligula ac ullamcorper. Curabitur eget suscipit turpis.
 * Notice the semi-colon that separates the attributes.

Bold font
To make text bold, flank the word or words with three apostrophes like so: Bold text. It will look like this: Bold text

Italized font
To make text italic, flank the words with two apostrophes like so: Italic text. It will look like this: Italic text

 Exercises
 * Grab a paragraph from a page in the Wiki and paste it three times in your sandbox. Separate the paragraphs with two   between each one.
 * Then with the same paragraph put  and   between each one.

Check your answers >

 Quick Quiz
 * When you load paragraphs, using the enter button will automatically put spaces between them.
 * A. True
 * B. False


 * It is better to use  then   in separating paragraphs.
 * A. True
 * B. False


 * A  does not require an ending tag for the paragraphs to separate like the
 * A. True
 * B. False

Check your answers >