Showing posts with label how to put images in HTML table. Show all posts
Showing posts with label how to put images in HTML table. Show all posts

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 ="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKrb1a8LN9h2xyq75MIrbPLUPVhY2r7ZwTc8YIX4TUj-uKHC43FaAC5ta-HXPLd0K5SaOg4G45cFO1mpxKpHg1DL2WJdKXNqdwexyKqBG_J2DLYRqKverSWdfHdPyy83D6W-p1BwVihfc/s1600/thumb+(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