Inserting Images in HTML table

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. 

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/AVvXsEiig2QVRLYr1l4rWkzlKj4Vpo_y99F1P0KuEw3HAb4hbKyb54UojB14I3Nl3KMZ7W_6YYzn5OukeLJ7Vr-Gx3VkuAYXHr6l1upLCZtgEjOYI9kJDX9kKlpFZb36o7m8gqewdvdqrznqUkg/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 PProgramming 2014
</p>
</body>
</html>

Output of the Program 

Inserting Images in HTML table
Inserting Images in HTML table

Share on Google Plus

About Asad

Asad Niazi is Software Engineer , Programmer, Web Developer and a young mentor of BloggersTown and PProgramming. Asad Love to writes about Technology, Programming, Blogging and make money online.
    Blogger Comment
    Facebook Comment

0 comments:

Post a Comment