code for table clospan and rowspan

 !DOCTYPE html>

<html>

  <head>

    <meta charset="utf-8">

    <title>Animals table</title>

    <link href="minimal-table.css" rel="stylesheet" type="text/css">

  </head>

  <body>

    <h1>Animals table</h1>


    <table>

      <tr>

        <th colspan="2">Animals</th>

      </tr>

      <tr>

        <th colspan="2">Hippopotamus</th>

      </tr>

      <tr>

        <th rowspan="2">Horse</th>

        <td>Mare</td>

      </tr>

      <tr>

        <td>Stallion</td>

      </tr>

      <tr>

        <th colspan="2">Crocodile</th>

      </tr>

      <tr>

        <th rowspan="2">Chicken</th>

        <td>Hen</td>

      </tr>

      <tr>

        <td>Rooster</td>

      </tr>

    </tab

Comments

Post a Comment

Popular posts from this blog

table.css

 element.style{      } summary{     text-align: center; } } } tr{     display: table-row;     vertical-align:inherit;     border-color:inherit;     border-top-color: inherit;     border-right-color: inherit;     border-bottom-color: inherit;     border-left-color: inherit; } td{     text-align: center; } table{     border-collapse:separate;     border: 4px solid rgb(23, 22, 22);     border-top-color: rgb(7, 6, 6);     border-top-style: solid;     border-top-width: 2px;     border-right-color: rgb(16, 14, 14);     border-right-style: solid;     border-right-width: 2px;     border-bottom-color: rgb(10, 5, 5);     border-bottom-style: solid;     border-bottom-width: 2px;     border-left-color: rgb(0, 0, 0);     border-left-style: solid;     border-left-width: 2px;     border-image-source: initial;     border-image-slice: initial;     border-image-width: initial;     border-image-outset: initial;     border-image-repeat: initial;     letter-spacing: 1px;     font-size: 0.8rem; } table{    
Read more

Assesment -1

 <!doctype html> <html lang="en-in"> <head> <title>Latter</title> <meta charset="utf-8"> <meta name="letter" content="see u seen"> <style type="text/css"> *{ box-sizing: border-box; } .side{ float: right; } .miss{ bottom: 30px;  } .sss{ bottom: 100px; } </style> </head> <div class="sss"> <body>     <div class="side"> <address> <strong>Dr.Eleanor Gaye</strong><br> Awesome science faculty<br>    University of Awesome<br>      Bobtown,CA 99999,<br>                   USA<br>         <strong>Tel</strong>:123-456-7890<br>         <strong>Email</strong>:no_reply@example.com<br>           <p><time datetime="2020-01-26">26 January 2020</time>           </
Read more

Table.html

 <!doctype html> <html lang="in"> <head>     <meta charset="utf-8">     <meta name="viewport" content="width=device-width">     <title>planet Table Structure</title>     <link href="style.css" rel="stylesheet"           type="text/css"> </head>     <body>         <h1>Planets data</h1>         <table>             <summary>Data about the planets of our solar system (Planetary facts taken from <a href="http://nssdc.gsfc.nasa.gov/planetary/factsheet/">Nasa's Planetary Fact Sheet - Metric</a>).</summary>             <thead>             <tr>                 <td colspan="3">&nbsp;</td>                 <th scope="col">Name</th>                  <th scope="col">Mass (10<sup>24</sup>kg)</th>                  <th scope
Read more