Friday, 14 November 2014

Inserting Images in HTML table

Structure of the Problem Requirements 

In this problem we will learn how to insert images in HTML table. Before this we upload how to make a table in HTML. Images can be inserted into table through rows and columns with defining the image URL, height and width. Here we insert three images from the different places. Here is the source code of this web page which help you in better understanding. 

Source Code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head> 
<title> Programming Hub </title
<meta http-equiv="content-type" content="text/html; charset=utf-8" />
</head>
<body>
<h1> Programming Hub </h1>
<table>
<tr> <td> <img src ="http://3.bp.blogspot.com/-Pp8uJKMnjIQ/VEiKXRJnq4I/AAAAAAAABa0/FstmLq6EhkQ/s1600/thumb%2B(1).jpg "width="100" height="100"/>  </td>
<td> <img src ="https://scontent-a-mxp.xx.fbcdn.net/hphotos-xpf1/v/t1.0-9/10521653_364474917010791_7190364059228948565_n.jpg?oh=3cbd05fb73c38e2edfa5dd47949a822d&oe=551F2D0E "width="100" height="100"/>  </td>
<td> <img src ="https://scontent-b-mxp.xx.fbcdn.net/hphotos-xfp1/v/t1.0-9/10603295_364474780344138_5972583929891589400_n.jpg?oh=253a672f948f5c684ad81935ba4033ac&oe=54D9066E"width="100" height="100"/>  </td>
 </tr>
 </table>
<p>&copy; Copyright Lets Enjoy Programming 2014
</p>
</body>
</html>

Output of the Program 

Inserting Images in HTML table
Inserting Images in HTML table

Share it Please
asad

About Author!

Asad Niazi is Software Engineer , Programmer, Web Developers and a young mentor of Tech Solutions Desk and Blogging Solutions . Asad Love to writes about Technology, Programming, Blogging and make money online.

1 comments: Post Yours! Read Comment Policy!▼
Important Note:
We have Zero Tolerance to Spam. Chessy Comments and Comments with Links will be deleted immediately upon our review.