Page 205 - Computer Software Application TP - Volume 1
P. 205

COMPUTER SOFTWARE APPLICATION - CITS




                 </tr>
                 <tr>
                      <td>Mary</td>
                      <td>Moe</td>
                      <td>mary@example.com</td>
                 </tr>
                 </tbody>
                 </table>
                 </div>
                 </body>
                 </html>

              •  Save the program as a .html file
              •  Open the html file with a web browser
              •  Verify the output.


















           2  Table with Striped Rows
              •  Open the text editor
              •  Write the following codes
                 <!DOCTYPE html>
                 <html lang=”en”>
                 <head>
                 <title>Bootstrap Example</title>
                 <meta charset=”utf-8”>
                 <meta name=”viewport” content=”width=device-width, initial-scale=1”>
                 <link href=”https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css”   rel=”stylesheet”>
                 <script src=”https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js”></script>
                 </head>
                 <body>
                 <div class=”container mt-3”>
                    <h2>Table-striped</h2>
                 <table class=”table table-striped”>
                    <thead>
                    <tr>
                      <th>Firstname</th>
                      <th>Lastname</th>
                      <th>Email</th>
                 </tr>
                 </thead>





                                                           190

                               CITS : IT & ITES - Computer Software Application - Exercise 48
   200   201   202   203   204   205   206   207   208   209   210