Use HTML table tags and Image tag to create web page - Practical [ SWPD 4311603 ]

Practical Aim:
Use HTML table tags and Image tags to create a web page as per the given sample.
- Hint :
Create or use computer.html file (from practical 2)  
- Sample Output:

HTML table tag, HTML image tag, <image> tag, <table> tag, html example

- Solution -  <table> and <image> tags :


Video Tutorial : HTML Image tag and Table tag

Code

<!DOCTYPE html>
<html>
<head>
<title>Computer Department</title>
</head>
<body>
<h1>Computer Department</h1>
<figure>
<img src="https://www.dropbox.com/s/l06b16dquap0eq9/p1.jpg?raw=1" alt="Practical swpd" height="300" width="400"/>

<img src="https://www.dropbox.com/s/wkocfo3wzcnlmvl/p2.jpg?raw=1" alt ="Hyperlink practical" height="300" width="400"/>
<p><figcaption><b>Practical Excercises in SWPD</b></figcaption></p>
</figure>
<table width="100%" border="1 thick">
<tr>
<th colspan="3">Industrial Visit/ Expert Lecture List Year wise </th>

</tr>
<tr>
<td rowspan="9">Computer Department</td>
<td rowspan="3">1st year</td>
<td>Expert Lecture 1</td>
</tr>
<tr>

<td>Expert Lecture 2</td>
</tr>
<tr>

<td>Expert Lecture 3</td>
</tr>
<tr>

<td rowspan="3">2nd Year</td>
<td>Expert Lecture 1</td>
</tr>
<tr>

<td>Expert Lecture 2</td>
</tr>
<tr>

<td>Expert Lecture 3</td>
</tr>
<tr>

<td rowspan="3">3rd Year</td>
<td>Expert Lecture 1</td>
</tr>
<tr>

<td>Expert Lecture 2</td>
</tr>
<tr>

<td>Expert Lecture 3</td>
</tr>

</table>
</body>
</html>



Output


Post a Comment

0 Comments