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>© Copyright PProgramming 2014
</p>
</body>
</html>
Output of the Program
|
Inserting Images in HTML table |
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.
0 comments:
Post a Comment