For this project, we will change the content of our index.html file by adding inline elements as necessary. Please replace double-quotes with appropriate opening and closing tags for inline elements as well. Also, please add other CSS rules to change strong and emphasized text in our style.css file. You can also add CSS rules for span classes as well. Good luck! Have fun!
In this sentence, what tags would you add to make "these three words" italicized? And what set of properly-placed opening and closing tags would you add to make "these three words" appear in bold text? And in a similar fashion, what set of inline tags would you use to underline "these three words"? And what would you do if you needed "these three words" to appear as bold text that is also underlined? What would you do if you wanted "these three words" be both highlighted and italicized?
Can you create a span class that will have this text appear in crimson text: "Make sure that you drink only H2O, because H2SO4 is not safe to drink". You will also have to use the correct inline tags to make those two chemical compounds appear properly formatted. Can you also create a span class that will have this text appear in magenta text: "We calculate the area of a circle by using the formula: A=πr2". You will also have to use the correct inline tags to make that exponent appear properly formatted.
Now let's create some CSS rules for the inline tags that we use for "emphasized text" that will make "emphasized text" appear in bold italicized text in the color of orangered. And let's apply those CSS rules to the double-quoted text in the previous sentence. Similarly, let's create some CSS rules for the inline tags that we use for "strong text" that will make "strong text" appear in bold underlined text in the color of darkviolet. Please apply those CSS rules to the double-quoted text in the previous sentence as well. Was that easy and fun?