Posts

Showing posts from March, 2025

How to merge a table.

Image
 <!DOCTYPE html> <html> <head>     <title>Tables</title> </head> <body>     <table border="1">         <tr>             <th>S.no.</th>             <th>Name</th>              <th>course name </th>                      </tr>         <tr>             <td>1</td>             <td>Bhumika</td>             <td >Web Designing</td>         </tr>         <tr>              <td>2</td>             <td>Mitali</td>     ...
Post a Comment
Read more

HOW TO CREATE A SEARCH INPUT BAR

Image
<!DOCKTYPE HTML> <HTML> <HEAD> <style> input[type=text] {  width:100%  box-sizing:border-box;  border:2px solid #ccc;  border-radius:4px;  font-size:16px;  background-color:white;  background-position:10px 10px;  background-repeat:no-repeat;  padding:12px 20px 12px 40px; }  .icon-container{  position: relative;  width:100%; }  .icon-container.fa-search{  position: absolute;  top:12px;  left:15px;  font-size:20px;  color:#ccc; } </style> <link rel="stylesheet"href="<i class"fa-brands fa-docker"></i>'> </head> <body> <h2>Input field with an icon inside </h2>   <form>  <div class="icon-container">  <i class="fa fa-search"></i>  <input type="text" name="search"placeholder="Search.."> </div> </form> </body> </html>
Post a Comment
Read more