Learn: HTML5 Complete Course class 12 (Tables Part 2) with Usama Rehman

In our previous class we learn about basic structure of tables in HTML5. In previous class we don't learn that how we can use CSS in our Tables, so this part will help you to do so.In this part we also tell about how to add Images of your product in tables.
I'm sorry but today video is unable to upload but I put this Source Code so you can learn from it, because every tag that we use there you are familiar with them.

Product	Price	Quantity	Quality
Rice	____	3kg	Good
Chicken	____	5kg	Good
Pizza	____	Medium Size	Chesse

There images are not showing because we don't put link of images there. But you can follow us by seeing this code.

	<!DOCTYPE html>
	<html>
	<head>
	<title>Tables \| Tutting City</title>
	<meta charset="utf-8" />
	<link rel="stylesheet" href="sheet1.css" >

	</head>
	<body>
	<table width="100%" border="3" cellspacing="5" cellpadding="3">
	<tr style="background-color: #ff8000; color: white;">
	<th>Product</th>
	<th>Price</th>
	<th>Quantity</th>
	<th>Quality</th>
	<th>Image</th>
	</tr>
	<tr>
	<td style="background-color: #c0c0c0; color: white;">Rice</td>
	<td style="background-color: #008000; color: white;">____ </td>
	<td>3kg</td>
	<td>Good</td>
	<td><img src="rice.jpg" width="100px" /></td>
	</tr>
	<tr>
	<td style="background-color: #808000; color: white;">Chicken</td>
	<td style="background-color: #008000; color: white;">____</td>
	<td>5kg</td>
	<td>Good</td>
	<td><img src="chicken.jpg" width="100px" /></td>
	</tr>
	<tr>
	<td style="background-color: #e76b18; color: white;">Pizza</td>
	<td style="background-color: #008000; color: white;">____</td>
	<td>Medium Size</td>
	<td>Chesse</td>
	<td><img src="Pizza.jpg" width="100px" /></td>
	</tr>
	</table>
	</body>
	</html>