Fix the HTML

In this exercise, you will be presented with HTML code containing numerous errors which you will have to correct.

Code Block 1

There are 5 errors

<h1>Web development career paths<h1>
<ul>
  <li>Front-end <b>web developer</li>
  <li>Web Application programmer<li>
  <li>UI Programmer</li>
  <li>Mobile Web Developer</i>
</ol>

Check your answers here

<h1>Web development career paths</h1>
<ul>
  <li>Front-end <b>web developer</b></li>
  <li>Web Application programmer</li>
  <li>UI Programmer</li>
  <li>Mobile Web Developer</li>
</ul>

Code Block 2

There are 9 errors

!DOCTYPE html
<html>
  <header>
    <meta charset utf-8>
    <title>Best quotes</t1tle>
  </header>
  <body>
    <div>
      <h1>Best Quotes Top 3:</h1>
      <ol>
        <li>Did someone say <<span>CHOCOLATE</span>!!!!!!!</li>
        <li>You keep using this tag, I don't think it does what you think it does.</li>
        <li>I never look back, darling. It distracts from the now.</ll>
      </0l>
    <div>
  </body>
</html>

Check your answers here

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <title>Best quotes</title>
  </head>
  <body>
    <div>
      <h1>Best Quotes Top 3:</h1>
      <ol>
        <li>Did someone say <span>CHOCOLATE</span>!!!!!!!</li>
        <li>You keep using this tag, I don't think it does what you think it does.</li>
        <li>I never look back, darling. It distracts from the now.</li>
      </ol>
    </div>
  </body>
</html>

Click here to move on to the next exercise on linking HTML files.