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>© Copyright Lets Enjoy Programming 2014
</p>
</body>
</html>
Output of the Program
 |
| Inserting Images in HTML table |
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.
amazing
ReplyDelete