Showing posts with the label table

Conteneditable without javascript in HTML5

Conteneditable is an attribute of HTML element  to edit the content, you can easily edit the content. Example: HTML: <!DOCTYPE HTML> <html>     <head>         <title></title>     </head>     <body>         <table border="1">             <tr>                 <td contenteditable='true'>HTML</td>                 <td>RUN</td>             </tr>         </table>     </body> </html> OUTPUT 

How to add image in HTML Table?

          To add images in the HTML table simply we need to add the img tag in table. As shown below:   EXAMPLE: <HTML>       <HEAD>                   <TITLE>Image in Table</TITLE>       </HEAD> <BODY> <TABLE border="1">        <TR>               <TD>Image column</TD>               <TD>First column</TD>               <TD>Second column</TD>       </TR>       <TR>               <TD><IMG SRC="htmlrun1.jpg" width="100px" height="100px"></TD>              <TD>one </TD>              <TD>two</TD>       </TR>       <TR>      </TR> </TABLE> </BODY> </HTML> OUTPUT: Image in HTML NOTE: Please make sure that your image is in same folder or add full path of image.