Html Server Image Control CS

HTML SERVER CONTROL –Image (CS)
LAB WORK GUIDE
“Behavior is the mirror in which everyone shows their image.”
-Johann Wolfgang von Goethe
A Programme Under the compumitra Series

OUTLINE
IMAGE(HTML Server Control) Using CS
Code Creation.
Output View.
Modification Trials.
Error Trials.
Practice Exercise.
Summary Review.
References.

IMAGE IN HTML CONTROLS
Using "C#"
 <IMG> tag that displays an image available at a location
defined by its Src=“<location URL>” attribute.

IMAGE IN HTML CONTROL-Copy Code and Create your own
Paste it on Notepad and
Save this Notepad with
<HTMLImageCS.aspx>
name in Learner/<student-
id>/HTMLControls/HTMLIm
age folder.
<%@ Page Language="C#" Debug="true" %>
<script runat="server">
protected void Page_Load(Object sender,EventArgs e)
{
image1.Src="http://www.sunmitra.com/cm-
aspnet/HTMLControls/HTMLImage/smile.gif";
image1.Alt="Smiley";
image1.Border=3;
}
</script>
<html>
<body>
<form runat="server">
<img id="image1" runat="server" />
</form>
</body>
</html>
Copy this Code

IMAGE IN HTML CONTROL- Run Your Own Code
For executing this Html file –
Write this Address on address bar.
http://Localhost/<StudentID>/HTMLControls/HTMLImage/HTMLImageCS.aspx
And after that, click go button.

IMAGE IN HTML CONTROL- Modification Trials
 Add a new property image1.Align="right";.
Watch the effect. Other valid values to try are top, middle,
bottom and left. But this effect may not be visible unless the
image is put inside an specific area such as a table cell.
 Try changing image Src property by finding any other URL
of the image from google image search.
Watch that image from any remote site can also be
attached to your local page.
 Try putting an incorrect image URL.
Watch that a blank box comes with the Alt property text
inside the box. Try changing this Alt property also. The Alt
Property may not be supported by all browsers. The Alt
Property also comes as a Tooltip when the image is properly
displayed.
 Try changing image height and width property by forming
the code yourself.
Watch the change

IMAGE IN HTML CONTROLS : Error Trials
Try to Remove '.gif' extension from "smile.gif" .
Watch the Effect.
Try to Change 'image1.Alt' to 'image1.alt'.
Watch the compiler error output as
CS0117-'System.Web.UI.HtmlControls.HtmlImage' does
not contain a definition for 'alt'.

IMAGE IN HTML CONTROLS : Practice Exercise
Write a program display images as follows-

IMAGE IN HTML CONTROLS: Learning Summary Review
Use of HTML Image Control.
Use of Attributes of HTML Image
Control.
Use of Src, Alt, Width, Height
attribute.

IMAGE IN HTML CONTROLS : Bibliography
http://www.w3schools.com/aspnet/control_ht
mlimage.asp
http://msdn.microsoft.com/en-
us/library/system.web.ui.htmlcontrols.htmlima
ge(v=VS.80).aspx
http://authors.aspalliance.com/aspxtreme/asp
net/syntax/htmlimagecontrol.aspx
http://asp101.com/articles/sample_chapters/sit
epoint_byoaspnet/chapter4.asp#d0e5854

Ask and guide me at
sunmitraeducation@gmail.com
Share this information with as
many people as possible.
Keep visiting www.sunmitra.com
for programme updates.

Html Server Image Control CS

More Related Content

Similar to Html Server Image Control CS (20)

More from sunmitraeducation (20)

Recently uploaded (20)

Html Server Image Control CS