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>

How can remove ads in browser / Remove ads in browsers

You seeing Unwanted ads when you open any website ?
Ok some times no application will not find in control panels also I faced this problem,

When I opened ecommerce portals in Mozila showing many ads but that ads not from websites, It is only local system will display ads in browsers


So I have good 3 steps it is very Useful to everyone

1.  Open add-ons check once if added any addons, If you have addons please disable once
2. Go to check control panel and check once any unwanted applications installed? if installed please remove it.
3. Very Important : If showing any Unwanted applications in START MENU please right click find 'file path' go and delete that folder.
4.  Once restart your system

Some times if not uninstall in control panel also no problem 3rd Point will work perfectly.

Insert data Query in PHP / PHP Insert record code / Insert record Query in PHP

<?php
$hostname='localhost';
$username='root';
$password='';
$connect=mysql_connect($hostname,$username,$password);
mysql_select_db('learning');

if(isset($_POST['submit1']))
    {
        $admission_number=$_POST['admission_number'];
        $first_name=$_POST['first_name'];
        $last_name=$_POST['last_name'];
        $mobile1=$_POST['mobile1'];
   
    $data="insert into students (pid,admission_number,first_name,last_name,mobile1) values ('','$admission_number','$first_name','$last_name',$mobile1)";
    mysql_query($data);
   

    if($data==true)
     {
        echo "Inserted";
     }
    else
    {
       echo "Error";
     }

    }


?>

<form id="form1" name="form1" method="post">
  <table width="360" border="0" align="center" cellpadding="5" cellspacing="0">
    <tbody>
      <tr>
        <td>&nbsp;</td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td width="169">Admission Number</td>
        <td width="171">
        <input type="text" name="admission_number" id="admission_number"></td>
      </tr>
      <tr>
        <td>First Name</td>
        <td><input type="text" name="first_name" id="first_name"></td>
      </tr>
      <tr>
        <td>Last Name</td>
        <td><input type="text" name="last_name" id="last_name"></td>
      </tr>
      <tr>
        <td>Mobile</td>
        <td><input name="mobile1"  type="text" id="mobile1"  maxlength="10"></td>
      </tr>
      <tr>
        <td>&nbsp;</td>
        <td><input type="submit" name="submit1" id="submit1" value="Submit"></td>
      </tr>
    </tbody>
  </table>
</form>

Add Remove Classes Using JQuery / Add or Remove Class JQuery

 <style>
  p {
    color: red;
    margin: 5px;
    cursor: pointer;
  }

  .activecolor{color:#fff; background:red; padding:5px;}
  </style>
  <script src="https://code.jquery.com/jquery-1.10.2.js"></script> <!-- CDN Network -->



<p>First Paragraph</p>
<p>Second Paragraph</p>
<p>Yet one more Paragraph</p>

  <script>
$("p").click(function() {
      $("p.activecolor").removeClass('active');
  $( this ).addClass('active');
});
</script>