HTML / CSS / Javascript / PHP Comments

HTML / CSS / Javascript / PHP Comments


HTML Comment = <!-- this is content -->
CSS Comment = /* style or class will goes here */
<strong>Javascript Comments</strong>
Javascript Comment (Multi Line Comment) = /* javascript code here */
Javascript Comment (Single Line Comment) = /* javascript code here */
<strong>PHP Comments</strong>
PHP Multi Line Comment /* code */
PHP Single Line Comment // code

Border for table, th & td also / Table Borders

<style>
table {
    border-collapse: collapse;
}

table, td, th {
   border: 1px solid black;
}
</style>

<h2>Border for table, th & td also</h2>
<p>simple code for complete table border, table border with small css, simple code for th, td, table border</p>

<table width="300">
  <tr>
    <th>Name</th>
    <th>Class</th>
  </tr>
  <tr>
    <td>Sam</td>
    <td>6th</td>
  </tr>
  <tr>
    <td>Ravi</td>
    <td>5th</td>
  </tr>
</table>

Screenshot

Table row alternate background color or How can change alternate row background color

Table row alternate background color or How can change alternate row background color
<style type="text/css">
table, th, td { width:500px; border:1px solid #ccc; border-collapse:collapse;}

table tr:nth-child(even) {
    background-color: #e1e2e0;
}

table tr:nth-child(odd) {
    background-color:#fff;
}
</style>

<div class="boxernew">
<table width="100%" border="0" align="center" cellpadding="4" cellspacing="0">
  <tr class="theader">
    <th align="center" valign="middle">Name</th>
    <th align="center" valign="middle">Username</th>
    <th align="center" valign="middle">Mobile</th>
    <th align="center" valign="middle">Email</th>
  </tr>
  <tr>
    <td align="center" valign="middle">&nbsp;</td>
    <td align="center" valign="middle">&nbsp;</td>
    <td align="center" valign="middle">&nbsp;</td>
    <td align="center" valign="middle">&nbsp;</td>
  </tr>
  <tr>
    <td align="center" valign="middle">&nbsp;</td>
    <td align="center" valign="middle">&nbsp;</td>
    <td align="center" valign="middle">&nbsp;</td>
    <td align="center" valign="middle">&nbsp;</td>
  </tr>
  <tr>
    <td align="center" valign="middle">&nbsp;</td>
    <td align="center" valign="middle">&nbsp;</td>
    <td align="center" valign="middle">&nbsp;</td>
    <td align="center" valign="middle">&nbsp;</td>
  </tr>
</table>

</div>

Table border / How can add border for Table, TR & TD

<style type="text/css">
table, th, td { width:500px; border:1px solid #ccc; border-collapse:collapse;}


</style>

<div class="boxernew">
<table width="100%" border="0" align="center" cellpadding="4" cellspacing="0">
  <tr class="theader">
    <th align="center" valign="middle">Name</th>
    <th align="center" valign="middle">Username</th>
    <th align="center" valign="middle">Mobile</th>
    <th align="center" valign="middle">Email</th>
  </tr>
  <tr>
    <td align="center" valign="middle">&nbsp;</td>
    <td align="center" valign="middle">&nbsp;</td>
    <td align="center" valign="middle">&nbsp;</td>
    <td align="center" valign="middle">&nbsp;</td>
  </tr>
  <tr>
    <td align="center" valign="middle">&nbsp;</td>
    <td align="center" valign="middle">&nbsp;</td>
    <td align="center" valign="middle">&nbsp;</td>
    <td align="center" valign="middle">&nbsp;</td>
  </tr>
  <tr>
    <td align="center" valign="middle">&nbsp;</td>
    <td align="center" valign="middle">&nbsp;</td>
    <td align="center" valign="middle">&nbsp;</td>
    <td align="center" valign="middle">&nbsp;</td>
  </tr>
</table>

</div>