Posts

Showing posts with the label table

Conteneditable without javascript in HTML5

Image
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?

Image
          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.