• Theory
  • Theory

Text Markup, Mastery Challenge 7

You need to use the tags you learned in the chapter on text markup. Follow the example and choose the appropriate text tags.

This additional version of the challenge is designed to reinforce your text markup skills.

Solution

The solution to the challenge will be available in a few minutes. Use it if you encounter difficulties. In the meantime, try to complete the challenge on your own.

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <title>Chemical Formulas</title>
    <link rel="stylesheet" href="style.css">
  </head>
  <body>
    <h1>Chemical Formulas</h1>
    <p>Chemistry studies chemical substances and their compounds. An example of such a formula is water — H<sub>2</sub>O, where <sub>2</sub> is the index showing the number of hydrogen atoms.</p>
    <p>Carbon dioxide is also an example — CO<sub>2</sub>. Indices in formulas are very important for the correct representation of chemical substances.</p>
    <ul>
      <li>Water:
        <ul>
          <li>H<sub>2</sub>O — water molecule</li>
        </ul>
      </li>
      <li>Carbon dioxide:
        <ul>
          <li>CO<sub>2</sub> — carbon dioxide molecule</li>
        </ul>
      </li>
      <li>Salt:
        <ul>
          <li>NaCl — table salt</li>
        </ul>
      </li>
    </ul>
    <ol>
      <li>Chemical substances:
        <ol>
          <li>Water</li>
          <li>Carbon dioxide</li>
          <li>Salt</li>
        </ol>
      </li>
    </ol>
  </body>
</html>
  • index.html
HTML
HTML

You’ve gone to a different page

Click inside the mini-browser to shift the focus onto this window.

100%
Granny Muffin

Easy there, pal!

To access the Text markup challenges in the HTML and CSS basics, you need to sign up and subscribe first.