Linking on text:
Now we learn how to link web pages .
The tag we going to use is <a>.
<a href="http://www.multimediagyan.com">free multimedia tutorials</a>
The ‘a’ stands for anchor, and the href="" is asking for a location to link to.
The </a> is the closing tag. The text between the tags is what will show up on your Web page as a link.
The tag we going to use is <a>.
<a href="http://www.multimediagyan.com">free multimedia tutorials</a>
The ‘a’ stands for anchor, and the href="" is asking for a location to link to.
The </a> is the closing tag. The text between the tags is what will show up on your Web page as a link.
Open Text Editor and type.
<html>
<body>
<head>
<title> Linking a page</title>
</head>
<h1>Linking</h1>
<a href="http://www.multimediagyan.com">free multimedia tutorials</a>
</body>
</html>
Save the file as formatting.html
Open file in browser(internet explorer, firefox )
Output
Output
Linking on image:
For linking page through image, we have to learn two things.
- How to add an image?
- How create a link?
To add an image in HTML, <img> tag is used.
The <img> tag is empty, which means that it contains attributes only, and has no closing tag.
To display an image on a page, you need to use the src attribute. Src stands for "source". The value of the src attribute is the URL of the image you want to display.
If image is on local computer. Code will be like this.
<img src="C:\multimediagyan\image\logo.jpeg" alt="user define alternate text"/>
If image is on remote computer. Code will be like this.
<img src=" http://www.multimediagyan.com/image.logo.png" alt="user define alternate text"/>
Alternate Tag..
The required alt attribute specifies an alternate text for an image, if the image cannot be displayed.
The value of the alt attribute is an author-defined text:
The value of the alt attribute is an author-defined text:
Open Text Editor and type.
<html>
<body>
<head>
<title> Linking a page</title>
<a href = "http://www.multimediagyan.com"> <img src=" http://www.multimediagyan.com/images/logo.jpg"> </a>
</head>
<body>
powered by multimediagyan ©
No comments:
Post a Comment