Welcome to another new training session on IMAGE tag of HTML. You can also check dot net (.NET), C#(csharp) , Asp.Net training post which help you a lot. Task basis learning asp.net dot net (.net).
In this article will focus IMAGE tag on following basis:
 |
| HTML CSS Training in Mumbai, Asp.Net MVC Training in Malad |
- Syntax
- Attributes
- Example
- How To Series ?
Image Tag Syntax:
<img src="" alt="" height="" width="" title="" />Image Tag Attributes:
- src: Source url or path of image which you want to display on browser.
- alt: Alternate text will display if assign image not found in path or url.
- height: Assign height of image.
- width: Assign width of image.
- title: To set the tooltip for image.
Image Tag Examples:
<img src="http://csharpcorner.mindcrackerinc.netdna-cdn.com/UploadFile/AuthorImage/2f59d020151120081054.bmp" alt="Manoj Kalla Dot Net Training Institute" height="200px" width="200px" title="Manoj Kalla"> |
| HTML CSS Training in Mumbai, Asp.Net MVC Training in Malad |
How to series of Image Tag. . . . .
1. How to display image as a link?
<!DOCTYPE html>
<html>
<body>
<p>Using Image as link</p>
<p>Used Image default Width, Height attributes</p>
<a href="default.asp">
<img src="tree.jpg" alt="HTML tutorial" width="300" height="300">
</a>
<br />
<br />
<p>Used Style Width, Height properties command </p>
<a href="default.asp">
<img src="tree.jpg" alt="HTML tutorial" style="width:400px;height:400px;">
</a>
<br />
<br />
<br />
<h3><a href="https://dotnettutorinmumbai.blogspot.in/2018/01/aspnet-mvc-training-institute-mumbai.html">For more detail please visit this link </a> </h3>
</body>
</html>
<!DOCTYPE html>
<html>
<body>
<p>Using Image as link</p>
<p>Used Image default Width, Height attributes</p>
<a href="default.asp">
<img src="tree.jpg" alt="HTML tutorial" width="300" height="300">
</a>
<br />
<br />
<p>Used Style Width, Height properties command </p>
<a href="default.asp">
<img src="tree.jpg" alt="HTML tutorial" style="width:400px;height:400px;">
</a>
<br />
<br />
<br />
<h3><a href="https://dotnettutorinmumbai.blogspot.in/2018/01/aspnet-mvc-training-institute-mumbai.html">For more detail please visit this link </a> </h3>
</body>
</html>
No comments:
Post a Comment