Answers for "html table design"

table html

<table>
  <thead>
    <tr>
      <th>header1</th>
      <th>header2</th>
      <th>header3</th>
    </tr>
   </thead>
   <tbody>
     <tr>
       <td>text1.1</td>
       <td>text1.2</td>
       <td>text1.3</td>
     </tr>
     <tr>
       <td>text2.1</td>
       <td>text2.2</td>
       <td>text2.3</td>
     </tr>
     <tr>
       <td>text3.1</td>
       <td>text3.2</td>
       <td>text3.3</td>
     </tr>
     <tr>
     </tr>
  </tbody>
</table>

HTML Simple Table Code

<table>
 <tr>
  <th>Name</th>
  <th>Favorite Color</th>
 </tr>
 <tr>
  <td>Bob</td>
  <td>Yellow</td>
 </tr>
 <tr>
  <td>Michelle</td>
  <td>Purple</td>
 </tr>
</table>

html tables

<table></table>
    <td></td> <!-- td is a table cell-->
    <tr></tr> <!-- tr is a table row-->
    <th></th> <!-- th is the table header -->
    <thead></thead><tbody></tbody><tfoot></tfoot> <!-- table semantic -->
    <tr rowspan="2"></tr><!-- Span a row -->
    <tr colspan="2"></tr><!-- Span a column -->

html table custom

.demotbl th{
 
padding:15px;
 
color:#fff;
 
text-shadow:1px 1px 1px #568F23;
 
border-bottom:3px solid #9ED929;
 
background-color:#9DD929;
 
background:-webkit-gradient(
 
linear,
 
left bottom,
 
left top,
 
color-stop(0.02, rgb(123,192,67)),
 
color-stop(0.51, rgb(139,198,66)),
 
color-stop(0.87, rgb(158,217,41))
 
);
 
background: -moz-linear-gradient(
 
center bottom,
 
rgb(123,192,67) 3%,
 
rgb(139,198,66) 52%,
 
rgb(158,217,41) 88%
 
);
 
-webkit-border-top-left-radius:5px;
 
-webkit-border-top-right-radius:5px;
 
-moz-border-radius:5px 5px 0px 0px;
 
border-top-left-radius:5px;
 
border-top-right-radius:5px;
 
}