External linking
External linking- When you want to link your page with another page of your website by text or image link or you want to connect your website with other website then you have to use external linking.
For that you have to give destination address(either any html page or any website full address)in Href attribute of anchor tag <A>.
Copy both the code and make a separate file for them First name is first.html and second one name is Next.html.

NOTE-Download all the images and save in same folder where you are going to save your html files.

NOTE-Download all the images and save in same folder where you are going to save your html files.
Example 1 to connect two pages
(Save this code with file name First.html )
<html>
<head>
<title>image</title>
</head>
<body>
<font color="red" size="+5" >
<center>
<h1>LIFE SKILLS</h1></font>
<img src="1.jpg" height="300" width="400" /><br>
<font color="red" size="+5" >
<a href="next.html" align="right">Next</a></font>
</center>
</body>
</html>
(Save this code with file name Next.html )
<html>
<head>
<title>image</title>
</head>
<body>
<font color="red" size="+5" >
<center>
<h1>LIFE SKILLS</h1></font>
<img src="3.jpg" height="300" width="300" /> 
<img src="4.jpg" height="300" width="300" />
<br>
<font color="red" size="+5" >
<a href="first.html" align="right">Prev</a></font>
</center>
</body>
</html>
Example 2 to connect with external websites like google,youtube..
<html>
<title>internal linking</title>
</head>
<body>
<font color="blue" size="+5" >
<center>
<U><h1>External Linking</h1></U></font></center></center>
<br>
<font color="#3333FF" size="+4" face="Times New Roman, Times, serif" >
<Table width="900" align="center" bgcolor="#FFFFFF" cellpadding="5" > </font>
<tbody align="justify" >
<tr bgcolor="#DABBEE" align="center" >
<td ><a href="http://www.google.co.in">Google</td>
<td><a href="http://www.gmail.com">Gmail</td>
<td><a href="http://www.youtube.com">Youtube</td>
<td><a href="http://www.way2sms.com">Way2sms</td>
<td><a href="http://www.facebook.com">Facebook</td>
<tr>
</tbody>
</Table>
</body>
</html>


No comments:
Post a Comment