class-03/fruit.html

<!doctype html>
<html>
    <head>
        <title>Class 3 Example 1</title>

        <style>

        </style>

        <script>
        
        </script>
    </head>
    <body>
        <!-- Show thing -->
        <p>
          <select id="fruit-select">
            <option disabled selected value> -- select an option -- </option>
            <option value="apple">Apple</option>
            <option value="banana">Banana</option>
            <option value="cantaloupe">Cantaloupe</option>
          </select>
        </p>

        <p class="fruit" id="apple">The apple tree (Malus pumila, commonly and erroneously called Malus
         domestica) is a deciduous tree in the rose family best known for its sweet, pomaceous fruit, the
         apple.</p>
        <p class="fruit" id="banana">The banana is an edible fruit, botanically a berry,[1][2] produced by
         several kinds of large herbaceous flowering plants in the genus Musa.</p>
        <p class="fruit" id="cantaloupe">Cantaloupe (also cantelope, cantaloup, muskmelon (India and the 
        United States), mushmelon, rockmelon, sweet melon, Persian melon, or spanspek (South Africa)) refers 
        to a variety of Cucumis melo, a species in the family Cucurbitaceae.</p>
        
    </body>
</html>