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.

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>

venereology answered 1 year ago

HTML mark-up text know the following HTML tags: · <html> · <body> · <head> · <p> ·...

HTML mark-up text know the following HTML tags: · <html> · <body> · <head> · <p> · <h1>, <h2>, <h3>, etc… · <a> · <img> · <br> · <hr> · <pre> · <i> · <b> · <em> · <sub> · <ins> · <strong> · <mark> · <cite> · <address> · <abbr> After you have reviewed these HTML tags and developed a sense of how they manipulate the presentation of the mark-up, write a sample page of HTML that briefly goes over...

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...

FOR HTML Web scripting Complete the following: Create and test an HTML document that has six...

FOR HTML Web scripting Complete the following: Create and test an HTML document that has six short paragraphs of text that describe various aspects of the state in which you live. You must define three different paragraph styles, p1, p2, and p3. The p1 style must use left and right margins of 20 pixels, a background color of pink, and a foreground color of blue. The p2 style must use left and right margins of 30 pixels, a background color...

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...

Question