Html_form_with_get_post

<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEY79J-IUjyxQ8L14LOwfzLEPE7e79PvaM3WNeDi0LilJK-QRinpPdLRcbh579ysQ4u4fnbgki7Kg4e-Kq5PXXfl9SpFZMMqhy9FnYtcujXWwIifdlQcTQJTLDzMOR9uN1CGl-adoC62w/s1600/html.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="512" data-original-width="512" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEY79J-IUjyxQ8L14LOwfzLEPE7e79PvaM3WNeDi0LilJK-QRinpPdLRcbh579ysQ4u4fnbgki7Kg4e-Kq5PXXfl9SpFZMMqhy9FnYtcujXWwIifdlQcTQJTLDzMOR9uN1CGl-adoC62w/s200/html.png" width="200" /></a></div> <?php <br /><br />if(isset($_POST['submit']))<br />{<br />    echo "<pre>";<br />    print_r($_POST);<br />    echo "</pre>";<br />}<br /><br />?><br /><br /><br /><label>Welcome to the Registration Form:</label><br /><form name="registration" action="" method="post" enctype="multipart/form-data" ><br />    <table width="60%"><br />        <tr><br />            <td width="20%">Gender:</td><br />            <td width="40%"><br />                <input type="radio" name="gender" value="male">Male<br />                <input type="radio" name="gender" value="female">Female<br><br />            </td><br />        </tr><br />        <tr>        <br />            <td>Choose Product: </td><br />            <td><br />                <input type="checkbox" name="item1" value="mobile">Mobile<br />                <input type="checkbox" name="item2" value="laptop">Laptop<br><br />            </td><br />        </tr><br />        <tr><br />            <td>Country: </td><br />            <td><br />                <select name="country"><br />                    <option value="1">BD</option><br />                    <option value="2">Not BD</option><br />                </select><br />            </td><br />        </tr><br />    <br />        <tr><br />            <td>Username:</td><br />            <td><input type="text" name="userNAME" placeholder="Put your Username" required /></td><br />        </tr><br /><br />        <tr><br />            <td>Password:</td><br />            <td><input type="password" name="passWORD" required /></td><br />        </tr><br />        <tr><br />            <td>Email Address:</td><br />            <td><input type="email" name="emailADDRESS" required /></td><br />        </tr><br />        <tr><br />            <td>Zip Code: </td><br />            <td><input type="number" name="zipCODE" min="1" max="4" required ></td><br />        </tr><br />        <tr><br />            <td>Date of Birth:</td><br />            <td><input type="date" name="dateofBIRTH" max="2014-11-30"></td><br />        </tr><br />        <tr><br />            <td>Color you Like:</td><br />            <td><input type="color" name="myCOLOR" value="#ff0000"></td><br />        </tr><br />        <tr><br />            <td>Upload your Photo:</td><br />            <td><input type="file" name="my_photo" /></td><br />        </tr><br />        <tr><br />        <td></td><br />        <td><input type="submit" value="Press Enter" name="submit" /></td><br />    </table><br /></form></div>

Html_form_with_get_post

<?php if(isset($_POST['submit'])) {     echo "<pre>";     print_r($_POST);     echo "</pre>"; ...

Read more »

HTML form(GET,POST)

<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ_rNCEI3sGWxJSyoPGHO3pSkwsVD9n1kkTHQLkzQflPmfhURBAH7VZ5gVUFdYWxiZXVUltcHGCX9YA9KuOrSRmY5XpcXrfkGLVV_rkxktzyGVsjD9DpgIyXZu7wVjhyphenhyphen2lb0-YIhTeX8c/s1600/html2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="332" data-original-width="300" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ_rNCEI3sGWxJSyoPGHO3pSkwsVD9n1kkTHQLkzQflPmfhURBAH7VZ5gVUFdYWxiZXVUltcHGCX9YA9KuOrSRmY5XpcXrfkGLVV_rkxktzyGVsjD9DpgIyXZu7wVjhyphenhyphen2lb0-YIhTeX8c/s200/html2.png" width="180" /></a></div> <!--<br />action="index.php" = Inside action we set the name of the php page where we submit the HTML Form.<br />If we don't put anything inside action therefore action="" that means, we are submitting the page to that page itself<br />--><br /><br /><!-- <br />There are two methods<br /><br />GET = Sends Data Faster, Data is visible from Address Bar, not much Secure, Has limitation on Data that is sent.<br />POST = Sends Data a bit slower than GET, Huge data can be sent, You can upload File using POST, Secure way of transferring data from Client PC to Server<br />--><br /><br />Welcome to the Registration Form: <br><br><br /><form name="registration" action="" method="post" enctype="multipart/form-data" ><br /><br />    <!-- RADIO BUTTON --><br />    Gender:<br />    <input type="radio" name="gender" value="male">Male<br />    <input type="radio" name="gender" value="female">Female<br><br />        <br><br />        <br />    <!-- CHECK/TICK BUTTON --><br />    Choose Product: <br />    <input type="checkbox" name="item1" value="mobile">Mobile<br />    <input type="checkbox" name="item2" value="laptop">Laptop<br><br />        <br><br />    <br />    <!-- SELECT AND OPTIONS - BUTTON --><br />    Country: <br />    <select name="country"><br />        <option value="1">BD</option><br />        <option value="2">Not BD</option><br />    </select><br />        <br><br />        <br><br />    <br />    <!-- TEXT TYPE INPUT FIELD --><br />    Username: <input type="text" name="userNAME" placeholder="Put your Username" required /><br><br><br /><br />    <!-- PASSWORD TYPE INPUT FIELD --><br />    Password: <input type="password" name="passWORD" required /><br><br><br /><br />    <!-- EMAIL TYPE INPUT FIELD --><br />    Email Address: <input type="email" name="emailADDRESS" required /><br><br><br /><br />    <!-- NUMERIC TYPE INPUT FIELD --><br />    Zip Code: <input type="number" name="zipCODE" min="1000" max="9999" required ><br><br><br />    <br />    <!-- DATE TYPE INPUT FIELD --><br />    Date of Birth: <input type="date" name="dateofBIRTH" max="2014-11-30"><br><br><br />    <br />    <!-- COLOR TYPE INPUT FIELD --><br />    Color you Like: <input type="color" name="myCOLOR" value="#ff0000"><br><br><br />    <br />    Upload your Photo: <input type="file" name="my_photo" /><br><br><br />    <br />    <br><br />    <input type="submit" value="Press Enter" name="submit" /><br />    <br /></form></div>

HTML form(GET,POST)

<!-- action="index.php" = Inside action we set the name of the php page where we submit the HTML Form. If we don't put a...

Read more »

Html colgroup_in_table

<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ_rNCEI3sGWxJSyoPGHO3pSkwsVD9n1kkTHQLkzQflPmfhURBAH7VZ5gVUFdYWxiZXVUltcHGCX9YA9KuOrSRmY5XpcXrfkGLVV_rkxktzyGVsjD9DpgIyXZu7wVjhyphenhyphen2lb0-YIhTeX8c/s1600/html2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="332" data-original-width="300" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ_rNCEI3sGWxJSyoPGHO3pSkwsVD9n1kkTHQLkzQflPmfhURBAH7VZ5gVUFdYWxiZXVUltcHGCX9YA9KuOrSRmY5XpcXrfkGLVV_rkxktzyGVsjD9DpgIyXZu7wVjhyphenhyphen2lb0-YIhTeX8c/s200/html2.png" width="180" /></a></div> <!DOCTYPE html><br /><html><br /><head><br /><br /></head><br /><body><br /><br /><table style="border-collapse:collapse; border-color:gray; width:100%; text-align:center;" border="1"><br />    <colgroup><br />        <col span="1" style="background-color:lightgreen" /><br />        <col span="1" style="background-color:lightblue" /><br />        <col span="1" style="background-color:lightgray" /><br />    </colgroup><br />    <tr><br />        <th>NAME</th><br />        <th>SALARY</th><br />        <th>OFFICE</th><br />    </tr><br />    <tr><br />        <td>Nirjhor Anjum</td><br />        <td>500000</td><br />        <td>Eskaton Road</td><br />    </tr><br />    <tr><br />        <td>Dr. Ishak Anjum</td><br />        <td>900000</td><br />        <td>Panthapath</td><br />    </tr><br /></table><br /><br /></body><br /></html></div>

Html colgroup_in_table

<!DOCTYPE html> <html> <head> </head> <body> <table style="border-collapse:collapse; border-color:g...

Read more »

Html colspan_rowspan_in_table

<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ_rNCEI3sGWxJSyoPGHO3pSkwsVD9n1kkTHQLkzQflPmfhURBAH7VZ5gVUFdYWxiZXVUltcHGCX9YA9KuOrSRmY5XpcXrfkGLVV_rkxktzyGVsjD9DpgIyXZu7wVjhyphenhyphen2lb0-YIhTeX8c/s1600/html2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="332" data-original-width="300" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ_rNCEI3sGWxJSyoPGHO3pSkwsVD9n1kkTHQLkzQflPmfhURBAH7VZ5gVUFdYWxiZXVUltcHGCX9YA9KuOrSRmY5XpcXrfkGLVV_rkxktzyGVsjD9DpgIyXZu7wVjhyphenhyphen2lb0-YIhTeX8c/s200/html2.png" width="180" /></a></div> <table border="1" style="width:50%; border-collapse:collapse; text-align:center;"><br />     <caption>Point Table</caption><br />     <thead style="background-color:#13BBF2; color:white; text-align:center; border-color:white;"><br />         <tr><br />             <td colspan="3">TABLE DATA</td><br />         </tr><br />     </thead><br />     <tbody><br />         <tr><br />             <td>Ishak</td><br />             <td>Abdullah</td> <br />             <td rowspan="2">50</td><br />         </tr><br />         <tr><br />             <td>Anjum</td><br />             <td>Nirjhor</td> <br />             <br />         </tr><br />     </tbody><br />     <tfoot><br />         <tr><br />             <td colspan="2">Total:</td><br />             <td>140</td><br />         </tr><br />     </tfoot><br /> </table></div>

Html colspan_rowspan_in_table

<table border="1" style="width:50%; border-collapse:collapse; text-align:center;">     <caption>Point Ta...

Read more »

Html general tabil

<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ_rNCEI3sGWxJSyoPGHO3pSkwsVD9n1kkTHQLkzQflPmfhURBAH7VZ5gVUFdYWxiZXVUltcHGCX9YA9KuOrSRmY5XpcXrfkGLVV_rkxktzyGVsjD9DpgIyXZu7wVjhyphenhyphen2lb0-YIhTeX8c/s1600/html2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="332" data-original-width="300" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ_rNCEI3sGWxJSyoPGHO3pSkwsVD9n1kkTHQLkzQflPmfhURBAH7VZ5gVUFdYWxiZXVUltcHGCX9YA9KuOrSRmY5XpcXrfkGLVV_rkxktzyGVsjD9DpgIyXZu7wVjhyphenhyphen2lb0-YIhTeX8c/s200/html2.png" width="180" /></a></div> <table style="width: 500px;"><br />     <caption>Point Table</caption><br />     <thead><br />         <tr><br />             <td>Head 1</td><br />             <td>Nirjhor</td> <br />             <td>50</td><br />         </tr><br />     </thead><br />     <tbody><br />         <tr><br />             <td>Body 1</td><br />             <td>Nirjhor</td> <br />             <td>50</td><br />         </tr><br />         <tr><br />             <td>Body 1</td><br />             <td>Nirjhor</td> <br />             <td>50</td><br />         </tr><br />     </tbody><br />     <tfoot><br />         <tr><br />             <td>Footer 1</td><br />             <td>Nirjhor</td> <br />             <td>50</td><br />         </tr><br />     </tfoot><br /> </table><br /> <br /> <br /> <table border="1px" style="width:100%; order-collapse:collapse; text-align:center;" cellspacing="0px" cellpadding="0px"><br />     <caption>Point Table</caption><br />     <thead style="background-color:gray; color:white; text-align:center; border-color:white;"><br />         <tr><br />             <td>Last Name</td><br />             <td>First Name</td><br />             <td>Point</td><br />         </tr><br />     </thead><br />     <tbody><br />         <tr><br />             <td>Ishak</td><br />             <td>Abdullah</td> <br />             <td>50</td><br />         </tr><br />         <tr><br />             <td>Anjum</td><br />             <td>Nirjhor</td> <br />             <td>90</td><br />         </tr><br />     </tbody><br />     <tfoot><br />         <tr><br />             <td></td><br />             <td></td> <br />             <td>140</td><br />         </tr><br />     </tfoot><br /> </table></div>

Html general tabil

<table style="width: 500px;">     <caption>Point Table</caption>     <thead>         <tr>    ...

Read more »

Html padding & margin

<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ_rNCEI3sGWxJSyoPGHO3pSkwsVD9n1kkTHQLkzQflPmfhURBAH7VZ5gVUFdYWxiZXVUltcHGCX9YA9KuOrSRmY5XpcXrfkGLVV_rkxktzyGVsjD9DpgIyXZu7wVjhyphenhyphen2lb0-YIhTeX8c/s1600/html2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="332" data-original-width="300" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ_rNCEI3sGWxJSyoPGHO3pSkwsVD9n1kkTHQLkzQflPmfhURBAH7VZ5gVUFdYWxiZXVUltcHGCX9YA9KuOrSRmY5XpcXrfkGLVV_rkxktzyGVsjD9DpgIyXZu7wVjhyphenhyphen2lb0-YIhTeX8c/s200/html2.png" width="180" /></a></div> <html><br /> <body><br />     <div style="background-color: lightgreen; color: blue; margin: 50px; "><br />         The elephant is a recurring theme in the works of Dalí, first appearing in his 1944 work Dream Caused by the Flight of a Bee Around a Pomegranate a Second Before Awakening, and also in The Temptation of Saint Anthony and Swans Reflecting Elephants. The Elephants differs from the other paintings in that the animals are the primary focus of the work, with a barren graduated background and lack of other content, where most of Dalí's paintings contain much detail and points of interest (for example Swans Reflecting Elephants which is somewhat better known within Dalí's repertoire than The Elephants.[2] The stork-legged elephant is one of the best-known icons of Dalí's work and adorns the walls of the Dalí Museum in Spain.[3]<br />     </div><br /> </body><br /> </html></div>

Html padding & margin

<html> <body>     <div style="background-color: lightgreen; color: blue; margin: 50px; ">         The elep...

Read more »

Html base url uses.

<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ_rNCEI3sGWxJSyoPGHO3pSkwsVD9n1kkTHQLkzQflPmfhURBAH7VZ5gVUFdYWxiZXVUltcHGCX9YA9KuOrSRmY5XpcXrfkGLVV_rkxktzyGVsjD9DpgIyXZu7wVjhyphenhyphen2lb0-YIhTeX8c/s1600/html2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="332" data-original-width="300" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ_rNCEI3sGWxJSyoPGHO3pSkwsVD9n1kkTHQLkzQflPmfhURBAH7VZ5gVUFdYWxiZXVUltcHGCX9YA9KuOrSRmY5XpcXrfkGLVV_rkxktzyGVsjD9DpgIyXZu7wVjhyphenhyphen2lb0-YIhTeX8c/s200/html2.png" width="180" /></a></div> <!DOCTYPE html><br /><html><br /><head><br />    <base href="http://nirjhor.net/wp-content/uploads/" target="_blank" /><br /></head><br /><body><br />    <a href="2013/03/cropped-DSC030.jpg"><br />        <img src="2013/03/cropped-DSC030.jpg" /><br />    </a><br />    <br />    <a href="2013/03/cropped-DSC030.jpg"><br />        <img src="2013/03/cropped-DSC030.jpg" /><br />    </a><br /></body><br /></html><br /></div>

Html base url uses.

<!DOCTYPE html> <html> <head>     <base href="http://nirjhor.net/wp-content/uploads/" target="_blank...

Read more »

Html map Image code

<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ_rNCEI3sGWxJSyoPGHO3pSkwsVD9n1kkTHQLkzQflPmfhURBAH7VZ5gVUFdYWxiZXVUltcHGCX9YA9KuOrSRmY5XpcXrfkGLVV_rkxktzyGVsjD9DpgIyXZu7wVjhyphenhyphen2lb0-YIhTeX8c/s1600/html2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="332" data-original-width="300" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ_rNCEI3sGWxJSyoPGHO3pSkwsVD9n1kkTHQLkzQflPmfhURBAH7VZ5gVUFdYWxiZXVUltcHGCX9YA9KuOrSRmY5XpcXrfkGLVV_rkxktzyGVsjD9DpgIyXZu7wVjhyphenhyphen2lb0-YIhTeX8c/s200/html2.png" width="180" /></a></div> <!DOCTYPE html><br /><html><br /><body><br /><br /><img src="clickbutton.jpg" width="600" height="500" alt="Button" usemap="#button" /><br /><br /><map name="button"><br />  <area shape="rect" coords="165,140,430,270" alt="Button" href="index.php"><br /></map><br /><br /></body><br /></html><br /></div>

Html map Image code

<!DOCTYPE html> <html> <body> <img src="clickbutton.jpg" width="600" height="500" alt=...

Read more »

Html youtube video use with iframe

<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEY79J-IUjyxQ8L14LOwfzLEPE7e79PvaM3WNeDi0LilJK-QRinpPdLRcbh579ysQ4u4fnbgki7Kg4e-Kq5PXXfl9SpFZMMqhy9FnYtcujXWwIifdlQcTQJTLDzMOR9uN1CGl-adoC62w/s1600/html.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="512" data-original-width="512" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEY79J-IUjyxQ8L14LOwfzLEPE7e79PvaM3WNeDi0LilJK-QRinpPdLRcbh579ysQ4u4fnbgki7Kg4e-Kq5PXXfl9SpFZMMqhy9FnYtcujXWwIifdlQcTQJTLDzMOR9uN1CGl-adoC62w/s200/html.png" width="200" /></a></div> <!DOCTYPE html><br /> <html><br /> <body><br /> <br /> Video Archive from 2011 Video Gallery<br /><br /><br /> <br /> <!-- https://www.youtube.com/embed/ THEN PUT YOUR VIDEO CODE --><br /> <iframe frameborder="0" width="420" height="345" src="https://www.youtube.com/embed/tbXIEmn_Csw" /><br /> <br /> <br /> </body><br /> </html></div>

Html youtube video use with iframe

<!DOCTYPE html> <html> <body> Video Archive from 2011 Video Gallery<br /><br /> <!-- https://www.y...

Read more »

Html video file uses.

<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ_rNCEI3sGWxJSyoPGHO3pSkwsVD9n1kkTHQLkzQflPmfhURBAH7VZ5gVUFdYWxiZXVUltcHGCX9YA9KuOrSRmY5XpcXrfkGLVV_rkxktzyGVsjD9DpgIyXZu7wVjhyphenhyphen2lb0-YIhTeX8c/s1600/html2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="332" data-original-width="300" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ_rNCEI3sGWxJSyoPGHO3pSkwsVD9n1kkTHQLkzQflPmfhURBAH7VZ5gVUFdYWxiZXVUltcHGCX9YA9KuOrSRmY5XpcXrfkGLVV_rkxktzyGVsjD9DpgIyXZu7wVjhyphenhyphen2lb0-YIhTeX8c/s200/html2.png" width="180" /></a></div> <video width="320" height="240" controls ><br /><br />    <source src="files/baby.mp4" type="video/mp4"><br />  <br />    Your Browser is not Supporting This Feature<br />    <br /></video><br /> <br /> // files= folder name, baby.mp4= video  name.</div>

Html video file uses.

<video width="320" height="240" controls >     <source src="files/baby.mp4" type="video/mp4...

Read more »

Html audio file

<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ_rNCEI3sGWxJSyoPGHO3pSkwsVD9n1kkTHQLkzQflPmfhURBAH7VZ5gVUFdYWxiZXVUltcHGCX9YA9KuOrSRmY5XpcXrfkGLVV_rkxktzyGVsjD9DpgIyXZu7wVjhyphenhyphen2lb0-YIhTeX8c/s1600/html2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="332" data-original-width="300" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ_rNCEI3sGWxJSyoPGHO3pSkwsVD9n1kkTHQLkzQflPmfhURBAH7VZ5gVUFdYWxiZXVUltcHGCX9YA9KuOrSRmY5XpcXrfkGLVV_rkxktzyGVsjD9DpgIyXZu7wVjhyphenhyphen2lb0-YIhTeX8c/s200/html2.png" width="180" /></a></div> <!-- preload="none" --><br /> <br /> <audio controls="controls" preload="none" ><br /> <br />     <source src="files/song.mp3" type="audio/mp3" /><br /> <br />     Your Browser is not Supporting This Feature<br />     <br /> </audio><br /> # hear files = folder name, song.mp3= song name.</div>

Html audio file

<!-- preload="none" --> <audio controls="controls" preload="none" >     <source src=...

Read more »

Html_iframe

<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ_rNCEI3sGWxJSyoPGHO3pSkwsVD9n1kkTHQLkzQflPmfhURBAH7VZ5gVUFdYWxiZXVUltcHGCX9YA9KuOrSRmY5XpcXrfkGLVV_rkxktzyGVsjD9DpgIyXZu7wVjhyphenhyphen2lb0-YIhTeX8c/s1600/html2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="332" data-original-width="300" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ_rNCEI3sGWxJSyoPGHO3pSkwsVD9n1kkTHQLkzQflPmfhURBAH7VZ5gVUFdYWxiZXVUltcHGCX9YA9KuOrSRmY5XpcXrfkGLVV_rkxktzyGVsjD9DpgIyXZu7wVjhyphenhyphen2lb0-YIhTeX8c/s200/html2.png" width="180" /></a></div> <html><br /><body><br /><br /><!--<br />COMMENTS:<br /><br />sandbox="allow-forms" / FORM<br />sandbox="allow-pointer-lock" / API = Application Programming Interface...<br />sandbox="allow-popups" / POPUP<br />sandbox="allow-scripts" / SCRIPT<br /><br />--><br />    <iframe frameborder="0" src="http://prothom-alo.com" width="100%" height="500px"> </iframe><br /><br /><!--<br /><br />    <iframe name="iframe_a" width="100%" height="50%"> </iframe><br /><br />    <a href="http://www.nirjhor.net" target="iframe_a">CLICK HERE TO OPEN SITE</a><br />--><br />    <br /><br /></body><br /></html></div>

Html_iframe

<html> <body> <!-- COMMENTS: sandbox="allow-forms" / FORM sandbox="allow-pointer-lock" / API = Applica...

Read more »

Html_list_items( ol,ul)

<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ_rNCEI3sGWxJSyoPGHO3pSkwsVD9n1kkTHQLkzQflPmfhURBAH7VZ5gVUFdYWxiZXVUltcHGCX9YA9KuOrSRmY5XpcXrfkGLVV_rkxktzyGVsjD9DpgIyXZu7wVjhyphenhyphen2lb0-YIhTeX8c/s1600/html2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="332" data-original-width="300" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ_rNCEI3sGWxJSyoPGHO3pSkwsVD9n1kkTHQLkzQflPmfhURBAH7VZ5gVUFdYWxiZXVUltcHGCX9YA9KuOrSRmY5XpcXrfkGLVV_rkxktzyGVsjD9DpgIyXZu7wVjhyphenhyphen2lb0-YIhTeX8c/s200/html2.png" width="180" /></a></div> <html><br />    <body><br /><br />    <!-- Description List --><br />    <dl><br />        <dt>Windows</dt> <!-- Define Terms --><br />            <dd>Windows is an Operating System developed by Microsoft Corporation.</dd> <!-- Define Details --><br />        <dt>Ubuntu</dt><br />            <dd>Ubuntu is a type of Linux Operating System!</dd><br />    </dl><br /><br />    <!-- Ordered List --><br />    <ol><br />        <li>Nirjhor</li> <!-- List Item --><br />        <li>Durjoy</li><br />        <li>Anjum</li><br />        <li>Hamid</li><br />        <li>Mamun</li><br />    </ol><br /><br />    <!-- Unordered List --><br />    <ul><br />        <li>HTML</li><br />        <li>CSS</li><br />        <li>JavaScript</li><br />        <li>jQuery Basics</li><br />        <li>AJAX Basics</li><br />        <li>PHP 5.6</li><br />        <li>SQL/MySQL</li><br />        <li>Web Project</li><br />    </ul><br /><br />    </body><br /></html></div>

Html_list_items( ol,ul)

<html>     <body>     <!-- Description List -->     <dl>         <dt>Windows</dt> <!-- Define Term...

Read more »

Html use_image

<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ_rNCEI3sGWxJSyoPGHO3pSkwsVD9n1kkTHQLkzQflPmfhURBAH7VZ5gVUFdYWxiZXVUltcHGCX9YA9KuOrSRmY5XpcXrfkGLVV_rkxktzyGVsjD9DpgIyXZu7wVjhyphenhyphen2lb0-YIhTeX8c/s1600/html2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="332" data-original-width="300" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJ_rNCEI3sGWxJSyoPGHO3pSkwsVD9n1kkTHQLkzQflPmfhURBAH7VZ5gVUFdYWxiZXVUltcHGCX9YA9KuOrSRmY5XpcXrfkGLVV_rkxktzyGVsjD9DpgIyXZu7wVjhyphenhyphen2lb0-YIhTeX8c/s200/html2.png" width="180" /></a></div> <html><br /><br /><body><br />    <!--<br />        TAG: <br />            img = It is a tag that calls an image inside your HTML/PHP page<br />        <br />        ATTRIBUTES:<br />            src = Refers to Source<br />            alt = Alternative Text for an Image<br />            width = Width of your Image<br />            height = Height of your Image<br />    --><br />    <img src="files/mylogo.png" alt="My Logo"  height="100px" width="200px" /><br />    <br />    <img src="files/mylogo.png" alt="PIIT" height="50px" width="100px" /><br /><br /></body><br /><br /></html><br /></div>

Html use_image

<html> <body>     <!--         TAG:             img = It is a tag that calls an image inside your HTML/PHP page           ...

Read more »

Html hypertext_email

<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnYxkskl-3f8Zm2Ps2knCmr7I_PNAx3DHGj-mrUm6nwJL5cwMEifDTEV4LrDuSmVHpvtJGU1C9cDF5FuHzycTK38hxE2tEEVx3R4pMsgBp4kJ0Zx1bwbt9hRPLi_JhVXGv8WGfXUBNYRk/s1600/html2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="332" data-original-width="300" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgnYxkskl-3f8Zm2Ps2knCmr7I_PNAx3DHGj-mrUm6nwJL5cwMEifDTEV4LrDuSmVHpvtJGU1C9cDF5FuHzycTK38hxE2tEEVx3R4pMsgBp4kJ0Zx1bwbt9hRPLi_JhVXGv8WGfXUBNYRk/s200/html2.png" width="180" /></a></div> <html><br /> <br /> <body><br /> <br />     Hello<br /> <br />     <a href="http://www.piit.us/" target="_self">Visit PIIT</a><br />     <br /> <br /><br /><br /> <br />     <a href="http://www.piit.us/" target="_blank">Visit PIIT on a New Tab</a><br />     <br /> <br /><br /><br /> <br />     <a href="mailto:anjum@nirjhor.net">Mail Me</a><br />     <br /> <br /><br /><br /> <br />     <a href="skype:Nirjhor.Anjum?call">Call me at Skype</a><br />     <br /> <br /><br /><br /> <br />     <a href="tel:880151xxxxxx">Call Me +88 01516 xxxxxx</a><br /> <br /> </body><br /> <br /> </html></div>

Html hypertext_email

<html> <body>     Hello     <a href="http://www.piit.us/" target="_self">Visit PIIT</a>...

Read more »

Html entity_symbols

<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEY79J-IUjyxQ8L14LOwfzLEPE7e79PvaM3WNeDi0LilJK-QRinpPdLRcbh579ysQ4u4fnbgki7Kg4e-Kq5PXXfl9SpFZMMqhy9FnYtcujXWwIifdlQcTQJTLDzMOR9uN1CGl-adoC62w/s1600/html.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="512" data-original-width="512" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEY79J-IUjyxQ8L14LOwfzLEPE7e79PvaM3WNeDi0LilJK-QRinpPdLRcbh579ysQ4u4fnbgki7Kg4e-Kq5PXXfl9SpFZMMqhy9FnYtcujXWwIifdlQcTQJTLDzMOR9uN1CGl-adoC62w/s320/html.png" width="320" /></a></div> <!-- ENTETIES --><br />&reg; = Registered Trademark<br /><br /><br /><br />&copy; = Copy Right<br /><br /><br /><br />&euro; = Euro<br /><br /><br /><br />&nbsp; = Single Space<br /><br /><br /><br />&cent; = Cent<br /><br /><br /><br />&pound; = Pound<br /><br /><br /><br /><br /><!-- Symbols --><br />&copy; = Copy<br /><br /><br /><br />&sum; = Summation<br /><br /><br /><br />&isin; = Element Of<br /><br /><br /><br />&notin; = Not Element Of<br /><br /><br /><br />&trade; = Trade Mark<br /><br /><br /><br />&reg; = Register<br /><br /><br /><br />&empty; = Empty<br /><br /><br /><br />&part; = Differential<br /></div>

Html entity_symbols

<!-- ENTETIES --> &reg; = Registered Trademark <br /><br /> &copy; = Copy Right <br /><br /> &e...

Read more »

Html font_and_text_color

<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEY79J-IUjyxQ8L14LOwfzLEPE7e79PvaM3WNeDi0LilJK-QRinpPdLRcbh579ysQ4u4fnbgki7Kg4e-Kq5PXXfl9SpFZMMqhy9FnYtcujXWwIifdlQcTQJTLDzMOR9uN1CGl-adoC62w/s1600/html.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="512" data-original-width="512" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEY79J-IUjyxQ8L14LOwfzLEPE7e79PvaM3WNeDi0LilJK-QRinpPdLRcbh579ysQ4u4fnbgki7Kg4e-Kq5PXXfl9SpFZMMqhy9FnYtcujXWwIifdlQcTQJTLDzMOR9uN1CGl-adoC62w/s320/html.png" width="320" /></a></div> <html><br /><br /><body><br /><br />    <!-- OLD WAY OF WRITING FONT --><br />    <font size="5px" color="red">This is Red text!</font><br /><br />    <font size="12" color="blue">This is Blue text!</font><br /><br />    <font face="Verdana" color="green">This is Green Verdana text!</font><br />   <br />    <!-- NEW WAY OF WRITING FONT --><br />    <div style="color: red; font-size: 18px; font-family: Verdana; font-weight: bold;">This is a new code</div><br /><br /></body><br /><br /></html><br /></div>

Html font_and_text_color

<html> <body>     <!-- OLD WAY OF WRITING FONT -->     <font size="5px" color="red">This is R...

Read more »

Html text_formatting

<div dir="ltr" style="text-align: left;" trbidi="on"> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEY79J-IUjyxQ8L14LOwfzLEPE7e79PvaM3WNeDi0LilJK-QRinpPdLRcbh579ysQ4u4fnbgki7Kg4e-Kq5PXXfl9SpFZMMqhy9FnYtcujXWwIifdlQcTQJTLDzMOR9uN1CGl-adoC62w/s1600/html.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="512" data-original-width="512" height="320" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEY79J-IUjyxQ8L14LOwfzLEPE7e79PvaM3WNeDi0LilJK-QRinpPdLRcbh579ysQ4u4fnbgki7Kg4e-Kq5PXXfl9SpFZMMqhy9FnYtcujXWwIifdlQcTQJTLDzMOR9uN1CGl-adoC62w/s320/html.png" width="320" /></a></div> <b>This is an EXAMPLE</b>                             <br /><br /><!--     Defines bold text    --><br /><br /><u>This is an EXAMPLE</u>                            <br /><br /><!--     Defines underlined text    --><br /><br /><i>This is an EXAMPLE</i>                            <br /><br /><!--     Defines a part of text in an alternate voice or mood    --><br /><br /><small>This is an EXAMPLE</small>                    <br /><br /><!--     Defines smaller text    --><br /><br /><strong>This is an EXAMPLE</strong>                    <br /><br /><!--     Defines important text    --><br /><br />H₂O                                        <br /><br /><!--     Defines subscripted text    --><br /><br />a²                                        <br /><br /><!--     Defines superscripted text    --><br /><br />$10 USD <del>$12 USD</del>                            <br /><br /><!--     Defines deleted text    --><br /><br /><mark>This is a Mark</mark>                            <br /><br /><!--     Defines marked/highlighted text    --><br /><br /><code>This is an EXAMPLE</code>                        <br /><br /><!--     Defines computer code text    --><br /><br /><blockquote>This is an EXAMPLE</blockquote>            <br /><br /><!--     Defines a section that is quoted from another source    --><br /><br /><q>This is an EXAMPLE</q>                            <br /><br /><!--     Defines an in-line (short) quotation    --><br /></div>

Html text_formatting

<b>This is an EXAMPLE</b>                             <br /><br /><!--     Defines bold text    --> <u...

Read more »

Html page_structure_2

<div dir="ltr" style="text-align: left;" trbidi="on"> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEY79J-IUjyxQ8L14LOwfzLEPE7e79PvaM3WNeDi0LilJK-QRinpPdLRcbh579ysQ4u4fnbgki7Kg4e-Kq5PXXfl9SpFZMMqhy9FnYtcujXWwIifdlQcTQJTLDzMOR9uN1CGl-adoC62w/s1600/html.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="512" data-original-width="512" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEY79J-IUjyxQ8L14LOwfzLEPE7e79PvaM3WNeDi0LilJK-QRinpPdLRcbh579ysQ4u4fnbgki7Kg4e-Kq5PXXfl9SpFZMMqhy9FnYtcujXWwIifdlQcTQJTLDzMOR9uN1CGl-adoC62w/s200/html.png" width="200" /></a></div> <br /> <br /> <br /> <br /> <!DOCTYPE html><br /><html><br /><br />    <head><br />        <!-- Your CSS and JAVASCRIPT codes will be Here --><br />    </head><br /><br />    <body><br />    <br />        <!-- The section that Contains the Logo, Banner, Social Icons etc and sometimes the Standard Menu Bar too --><br />        <header id="page_top"><br />            NIRJHOR.NET<br />            <br />            <nav>HOME | ABOUT | CONTACT</nav><br />        </header><br />        <br />        <!-- Main is the Container of the Contents of any specific Page --><br />        <main><br />            <div id="page_inside"><br />                <article id="article1" class="articles"><br />                    <h3><br />                        Home Page<br />                    </h3><br />                    <cite>Welcome</cite><br />                    <p><br />                        Dear Visitor, Welcome to my Website. <br />Thank you for visiting it!<br /><br />                        Here you will get my Profile and Portfolio.<br /><br /><br />                        <span style="color:red;">Nirjhor Anjum</span>, Faculty Head, PIIT<br /><br />                    </p><br />                    <aside>Note: To visit the Family Profile of Nirjhor Anjum go to www.family.com/anjum</aside><br /><br />                </article><br />                <article id="article2" class="articles"><br />                    <h3><br />                        Home Page<br />                    </h3><br />                    <cite>Welcome</cite><br />                    <p><br />                        Dear Visitor, Welcome to my Website. <br />Thank you for visiting it!<br /><br />                        Here you will get my Profile and Portfolio.<br /><br /><br />                        <span style="color:red;">Nirjhor Anjum</span>, Faculty Head, PIIT<br /><br />                    </p><br />                    <aside>Note: To visit the Family Profile of Nirjhor Anjum go to www.family.com/anjum</aside><br /><br />                </article><br />            </div><br />        </main><br />        <br />        <aside><br />            <section><br />            <br />                <address><br />                    <abbr title="Nirjhor Network">NN</abbr> Inc.<br /><br />                    55 Falmer Road, London<br /><br />                    United Kingdom<br />                </address><br />                <br />            </section><br />            <section><br />                <address><br />                    Thank you!<br />                </address><br />            </section><br />        </aside><br />        <br />        <footer id="page_tail"><br />        <br />            <!-- DETAILS TAG --><br />            <details><br />                <summary>Copyright 1999-2014.</summary><br />                    <p> - by Nirjhor Network Incorporate</p><br />                    <p> - All content and graphics on this web site are the property of the company NN Inc.</p><br />            </details><br />        <br />        </footer><br />        <br />    </body><br />    <br /></html><br /><br /></div>

Html page_structure_2

<!DOCTYPE html> <html>     <head>         <!-- Your CSS and JAVASCRIPT codes will be Here -->     </head...

Read more »

Html_page_property( meta name,meta keywords,meta description)

<div dir="ltr" style="text-align: left;" trbidi="on"> <br /> <br /> <br /> <br /> <div class="separator" style="clear: both; text-align: center;"> <a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEY79J-IUjyxQ8L14LOwfzLEPE7e79PvaM3WNeDi0LilJK-QRinpPdLRcbh579ysQ4u4fnbgki7Kg4e-Kq5PXXfl9SpFZMMqhy9FnYtcujXWwIifdlQcTQJTLDzMOR9uN1CGl-adoC62w/s1600/html.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" data-original-height="512" data-original-width="512" height="200" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjEY79J-IUjyxQ8L14LOwfzLEPE7e79PvaM3WNeDi0LilJK-QRinpPdLRcbh579ysQ4u4fnbgki7Kg4e-Kq5PXXfl9SpFZMMqhy9FnYtcujXWwIifdlQcTQJTLDzMOR9uN1CGl-adoC62w/s200/html.png" width="200" /></a></div> <!DOCTYPE html><br /> <html><br /> <head><br />     <br />     <!-- TITLE OF A PAGE --><br />     <title>Nirjhor.Net | Nirjhor's Website</title><br /> <br />     <!-- CHARACTER SET / Character Encoding for the HTML Document --><br />     <meta charset="UTF-8" /><br /> <br />     <!-- KEYWORDS - SEARCHING ON WHICH THE SITE WILL BE VISIBLE ON SEARCH ENGINES / 7 Keys --><br />     <meta name="keywords" content="nirjhor, anjum, official, personal, website" /><br /> <br />     <!-- DESCRIPTION THAT WILL GO TO GOOGLE SEARCH ENGINE / 160 CHAR --><br />     <meta name="description" content="Welcome to the Website of Nirjhor Anjum. It is the Personal Website of Nirjhor!" /><br /> <br />     <!-- AUTHOR NAME OF THIS PAGE --><br />     <meta name="author" content="Nirjhor Anjum" /><br /> <br />     <!-- THIS WILL RELOAD THE PAGE AFTER EACH 30 SECOND INTERVAL --><br />     <meta http-equiv="refresh" content="30" /><br /> <br /> </head><br /> <br /> <body><br />     <!-- CODE OF YOUR HTML PAGE --><br /> </body><br /> <br /> </html></div>

Html_page_property( meta name,meta keywords,meta description)

<!DOCTYPE html> <html> <head>         <!-- TITLE OF A PAGE -->     <title>Nirjhor.Net | Nirjhor...

Read more »