Question

In: Computer Science

The following HTML tags will be used to complete assignment below: · <table> · <tr> ·...

The following HTML tags will be used to complete assignment below:

· <table>

· <tr>

· <td>

Explore CSS and the various ways attributes can be manipulated to change the width and style of table borders in addition to the physical dimensions of the space that resides within each cell.

Demonstrate mastery of the concepts of "absolute" vs. "relative" sizes when specifying table dimensions and create a traditional 12x12 multiplication table and a different HTML table on the same markup page that represents the calendar days for a given month.

The month and year at this point are not important. What you should concentrate on in this assignment is the use and functionality of the described tags along with making the presentation of the multiplication table and calendar month as aesthetically pleasing as possible. Take note of the patterns that emerge and have a redundant nature to them and write a small HTML comment at the bottom of your submission briefly describing any repeatable patterns that appear within your markup. If you do not see any repeatable patterns, consider ways to create the same presentation of the tables with markup with clear repeatable patterns.

Solutions

Expert Solution

PLEASE GIVE IT A THUMBS UP, I SERIOUSLY NEED ONE, IF YOU NEED ANY MODIFICATION THEN LET ME KNOW, I WILL DO IT FOR YOU

<!DOCTYPE html>

<html lang="en">
  <head>
    <!--title for web page -->

    <title>HTML Table Markup</title>

    <meta charset="UTF-8" />

    <meta name="viewport" content="width=device-width, initial-scale=1" />

    <!--embedded style sheet -->

    <style>
      .monthcalender {
        float: left;

        padding: 20px;
      }

      .calender {
        float: left;

        padding: 20px;
      }

      .calender table,
      th,
      tr,
      td {
        border: 1px solid red;

        border-collapse: collapse;
      }

      .calender th {
        background-color: orange;

        padding: 10px;

        color: green;

        font-size: 20px;

        font-weight: bold;
      }

      .calender td {
        background-color: yellow;

        padding: 10px;

        font-size: 20px;

        font-weight: bold;

        color: blue;
      }
    </style>
  </head>

  <body>
    <div class="monthcalender">
      <!--multiplication table -->

      <h1>Multiplication table</h1>

      <table border="1">
        <tr>
          <th>NO</th>

          <th>Multiply By</th>

          <th>Result</th>
        </tr>

        <tr>
          <td>1</td>

          <td>1</td>

          <td>1</td>
        </tr>

        <tr>
          <td>2</td>

          <td>2</td>

          <td>4</td>
        </tr>

        <tr>
          <td>3</td>

          <td>3</td>

          <td>9</td>
        </tr>

        <tr>
          <td>4</td>

          <td>4</td>

          <td>16</td>
        </tr>

        <tr>
          <td>5</td>

          <td>5</td>

          <td>125</td>
        </tr>

        <tr>
          <td>6</td>

          <td>6</td>

          <td>36</td>
        </tr>

        <tr>
          <td>7</td>

          <td>7</td>

          <td>49</td>
        </tr>

        <tr>
          <td>8</td>

          <td>8</td>

          <td>64</td>
        </tr>

        <tr>
          <td>9</td>

          <td>9</td>

          <td>81</td>
        </tr>

        <tr>
          <td>10</td>

          <td>10</td>

          <td>100</td>
        </tr>

        <tr>
          <td>11</td>

          <td>11</td>

          <td>121</td>
        </tr>

        <tr>
          <td>12</td>

          <td>12</td>

          <td>144</td>
        </tr>
      </table>
    </div>

    <div class="calender">
      <!-- Month calender -->

      <h1>Month Calender</h1>

      <table>
        <tr>
          <th>MON</th>

          <th>TUE</th>

          <th>WED</th>

          <th>THR</th>

          <th>FRI</th>

          <th>SAT</th>

          <th>SUN</th>
        </tr>

        <tr>
          <td></td>

          <td></td>

          <td></td>

          <td></td>

          <td>1</td>

          <td>2</td>

          <td>3</td>
        </tr>

        <tr>
          <td>4</td>

          <td>5</td>

          <td>6</td>

          <td>7</td>

          <td>8</td>

          <td>9</td>

          <td>10</td>
        </tr>

        <tr>
          <td>11</td>

          <td>12</td>

          <td>13</td>

          <td>14</td>

          <td>15</td>

          <td>16</td>

          <td>17</td>
        </tr>

        <tr>
          <td>18</td>

          <td>19</td>

          <td>20</td>

          <td>21</td>

          <td>22</td>

          <td>23</td>

          <td>24</td>
        </tr>

        <tr>
          <td>25</td>

          <td>26</td>

          <td>27</td>

          <td>28</td>

          <td></td>

          <td></td>

          <td></td>
        </tr>
      </table>
    </div>
  </body>
</html>

Related Solutions

this is done in HTML In footer, use HTML tags/style of your choice to explain steps...
this is done in HTML In footer, use HTML tags/style of your choice to explain steps you took to add css file and _Layout. Should include the following: Folder structure Short description of what layout does You should not include the content of css or how you defined your css
While HTML is a markup language with a fixed set of tags that allows users to...
While HTML is a markup language with a fixed set of tags that allows users to specify the appearance of a document, XML (extensible markup language) allows the user to create new tags to provide a document structure appropriate to the task at hand. A document has three aspects: structure, appearance, and content. In the case of XML, theseaspectsareseparated,withdifferent meansemployedfordefiningthestructure, the appearance, and the content. Usually, the document type definition (DTD) file describes the structure of a document; the appearance...
Complete the following table then draw the complete circular flow diagram in the space below for...
Complete the following table then draw the complete circular flow diagram in the space below for each row:  (consult your notes for the abbreviations. Each row is independent of the others) Y C I G T S Import Export NX NCO Row 1 1000 800 400 400 850 700 Row 2 1500 750 250 500 400 -200 2.Critical Thinking:  Let’s make it as realistic as possible to the US.  In 2018, the US had both a government and trade deficit.  With that in mind,...
Assignment: Data Quality Directions: Complete the table below by defining each data characteristic and providing an...
Assignment: Data Quality Directions: Complete the table below by defining each data characteristic and providing an example of each quality characteristic as it relates to coding. Data Characteristic Definition Coding Example Accuracy Accessibility Comprehensiveness Consistency Currency Definition Granularity Precision Relevancy Timeliness
Complete a table for Q, FC, VC, TC, MC, MR, Price, TR & Profit using reasonable...
Complete a table for Q, FC, VC, TC, MC, MR, Price, TR & Profit using reasonable numbers for a perfectly competitive firm. For price, use a number equal to the number of letters in your first and last name (maximum 18). For Q use 0, 1, 2, 3, 4, 5, 6, 7, 8 For MC use $3, 4, 5, 7, 9, 13, 16, 21. Then make up #s for FC, VC, TC, & MR, but make certain they are corresponding...
Complete a table for Q, FC, VC, TC, MC, MR, Price, TR and Profit using reasonable...
Complete a table for Q, FC, VC, TC, MC, MR, Price, TR and Profit using reasonable numbers for a perfectly competitive firm. For price, use a number equal to the number of letters in your first and last name (maximum 18).My first and last name is Maria Cisneros. For Q use 0, 1, 2, 3, 4, 5, 6, 7, 8 For MC use $3, 4, 5, 7, 9, 13, 16, 21. Then make up numbers for FC, VC, TC, MR...
The table below will be used for the following five questions. The table represents the mean...
The table below will be used for the following five questions. The table represents the mean and standard deviation graduation rates, by candidate age, for a population of flight academies. ( No more data was provided). If you only know one method to solve a problem, please don't add a comment asking for more data! Age Mean Graduation Rate Standard Deviation 16 76.6 1.8 17 74.2 1.8 18 79.5 1.7 19 79.6 2.1 20 81.2 2.1 21 84.2 2.2 22...
The following table is used for a number of questions below. The table above shows the...
The following table is used for a number of questions below. The table above shows the responses of a survey of teenagers aged 14-18 when asked at what age they thought they would become financially independent. Age of Financial Independence Number of Responses 16-20 191 21-24 467 25-27 244 28 or older 42 What do the teens expect is the probability of being financially independent before age 25? A recent Gallup poll found that only 14 percent of 24- to...
Which of the following tags is NOT a container tag? <p> <span> <div> <img> <table> What...
Which of the following tags is NOT a container tag? <p> <span> <div> <img> <table> What is the correct order for table tags <table><td><tr> <tr><td> <table><tr><td></tr></td></table> <table><tr><td></td></tr></table> <table><td><tr></tr></td></table> For the list shown below which of the following is the proper HTML5 code for the list. 1.         A 2.         B 3.         C <ul> <li> A <li> B <li> C </ul> <ul> <li> A </li> <li> B </li> <li> C </li> </ul> <ol> <li> A <li> B <li> C </ol> <ol> <li>...
To complete this assignment, read the information below and then complete the 2017 partnership tax return...
To complete this assignment, read the information below and then complete the 2017 partnership tax return (form 1065) including the K-1’s, and both individuals’ 2018 1040 by hand. Scenario Craft Beer Brewing Partnership Revenues 681,000 Office Rent 28,000 COGS 198,000 Salaries 238,000 ST Gain on Sale of Stock 100,000 LT Loss on Sale of Stock 500,000 Contributions to Charities 60,000 Investment Expenses 6,000 Friends Dan and Lisa are each partners in the beer brewing partnership above. Dan owns 3% Lisa...
ADVERTISEMENT
ADVERTISEMENT
ADVERTISEMENT