Skip to main content

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.







Comments

Popular posts from this blog

Use of HTML Quotation, Blockquote and Cite.

1. Quotation            In HTML for quotation mark you need to use <q>--</q> tag. The browser can understand the meaning of  <q> tag.
Syantax: <q> Sentence for quotation </q>
Example:<!DOCTYPE HTML>
<HTML>
<HEAD>
<TITLE> HTML Quotation</TITLE>
<HEAD>
<BODY>

    <H1> Example of HTML quotation mark</H1>

    <H2><p><q>A complete tutorial of HTML with htmlrun.com</q>
    </p></H2>

</BODY>
</HTML>


Output:


2. Blockquote.        In HTML for blockquote you have to use <blockquote> tag. To make a block of any paragraph with just like a justify alignment in word.

Syntax:<blockquote> Large number of sentences </blockquote>
Example:<!DOCTYPE HTML>
<HTML>
<HEAD>
    <TITLE> HTML BLOCKQUOTE</TITLE>
</HEAD>
<BODY>
<H1>Example of Blockquote</H1>

<BLOCKQUOTE>
A www.htmlrun.com is a HTML tutorial website and
a blog. Usi…