Help:Wiki University HTML-- Changing Fonts





<< Previous Chapter Next Chapter >>


 * To change the font, we add the following inline style code between the in the opening paragraph tag:

  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.

Inline styling
Lets look closely at the inline style code and break it down into pieces.   style=" font-family:  times new roman"
 * 1) Space after the .
 * You cannot leave out any of the quotation marks or angle brackets. The coding will not process if any of them are missing.
 * Study the coding again and impress it in your minds. You will be using it over and over again.

Attributes
eyecolor: blue or hair:  none or height:  six feet If any of these three attributes were put in a  tag, the coding would look like this:
 * The combination of property - value is referred to as an attribute.
 * Let's use more familiar terms to perhaps make the concept of attributes with their properties and values more clear.
 * To describe a person we might state their physical attributes in the property: value form:


 * 
 * 
 * 

TRY THESE OUT . . . ..
 Exercises
 * Take our Lorem ipsum paragraph and change the default font to a font that is listed in your word processing program.
 * Try a couple of other fonts as well.

Check your answers

 Quick Quiz
 * How many attributes can you put in the paragraph tag?
 * A. No more than 5
 * B. No more than 8
 * C. No more than 20
 * D. None of the above


 * What symbol do you use to separate a property from a value?
 * A. Colon
 * B. Semi-colon
 * C. Comma
 * D. All of the above

<div style="width:160px; height:20px; padding-top:3px; padding-left:10px; background-color:orange; color:white; border:1px solid orange; border-radius:5px; ">Check your answers

<< Previous Chapter Next Chapter >>