Help:Wiki University HTML-- Font Bold-Italics

BOLD WORDS For a word to appear in bold text, you apply the "font-weight:bold" attribute:   Lorem  ipsum dolor sit amet, consectetur adipiscing elit. It will look like this: Lorem ipsum dolor sit amet, consectetur adipiscing elit. BOLD SENTENCES The same method is used for sentences in paragraphs.   Lorem ipsum dolor sit amet, consectetur adipiscing elit. It will look like this: Lorem ipsum dolor sit amet, consectetur adipiscing elit. An alternate method to make text bold is to flank the word or words with "strong" tags like so:  Lorem ipsum dolor sit amet, consectetur adipiscing elit. Here is the contrast between HTML and Wikitext ITALICIZED WORDS For a word to appear in italicized text, you use the "font-style:italic" attribute   Lorem  ipsum dolor sit amet, consectetur adipiscing elit. It will look like this: Lorem ipsum dolor sit amet, consectetur adipiscing elit. ITALICIZED SENTENCES The same method is used for sentences or paragraphs. Place two apostrophes on either end of the sentence or paragraph:   Lorem ipsum dolor sit amet, consectetur adipiscing elit. It will look like this: Lorem ipsum dolor sit amet, consectetur adipiscing elit.

An alternate method to make text bold is to flank the word or words with "em" tags like so:  Lorem ipsum dolor sit amet, consectetur adipiscing elit.

If you are wondering if you can use both the strong and em tags together, the answer is no. The code will not work if you combine the two tags like so: You have to use "font-family" and"font-weight" to have bold italic text in HTML.  <p style="font-weight:bold; font-style:italic"> Lorem ipsum dolor sit amet, consectetur adipiscing elit.

<h2 style="color:#007300; font-family:Tw Cen MT Condensed; font-size:2.3em; margin-bottom:-5px; margin-top:-20px; padding:0px">TRY THESE OUT. . . ..

<div style="border-top:10px solid lightgreen; border-left:10px solid lightgreen; border-right:10px solid lightgreen; "> <div style="font-size:14pt; width:100%; height:30px; vertical-align:middle; background-color:lightgreen; ">Exercises 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.
 * Make the second word of each sentence of the lorem ipsum bold.
 * Make the next to the last sentence of lorem ipsum italic.
 * Make the last sentence both bold and italics.

<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

<div style="border-top:10px solid lightgray; border-left:10px solid lightgray; border-right:10px solid lightgray; "> Quick Quiz
 * To make a sentence in bold text, you use the "text-weight:bold" attribute
 * A. True
 * B. False


 * To make a word italicized, you flank the "text-style:italic" attribute
 * A. True
 * B. False

<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