|
↓
- HTML 대체 컨트롤 에 대해 설명
- 하이퍼링크, 이미지, 이미지맵 에 대하여 이미지 저장하는 방법에 대하여 ..
- 하나씩 설명하고 있습니다.(각각 이미지에 링크설정하여 웹사이 이동 가능하도록 구현) |
<%@ Page Language="C#" AutoEventWireup="true"
CodeFile="FrmHtml.aspx.cs" Inherits="_10월8일_FrmHtml" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
<title>HTML 대체 컨트롤</title>
</head>
<body>
<form id="form1" runat="server">
<div>
하이퍼링크 : <a href="../FrmserverMapPath.aspx">MapPath</a>
<asp:HyperLink ID ="HyperLink1" runat="server"
NavigateUrl="http://www.naver.com">네이버</asp:HyperLink>
<br />
이미지 :
<img src="../Image/윤아.png"alt="홈으로..." title="홈으로"
width="100px" height="100px" />
<asp:Image ID="imageHome" runat="server"
ImageUrl="../Image/윤아.png" ToolTip="윤아..."
AlternateText="윤아 집으로..." width="100px" height="100px" /> <br />
이미지맵 :
<img src="../Image/유이.png" border="0" usemap="#GoHome"
width="100px" height="100px" />
<map name="GoHome">
<area shape="rect" coords="16,16,5" href="http://www.naver.com"
alt="네이버" target="_blank" />
<area shape="rect" coords="0,0,5,5" href="http://www.daum.net"
alt="다음" target="_blank" />
</map>
<asp:ImageMap ID="mapHome" runat="server" ImageUrl="~/Image/유이1.png"
width="100px" height="100px">
<asp:RectangleHotSpot AlternateText="네이버" Bottom="5"
HotSpotMode="Navigate"
NavigateUrl="http://www.naver.com" Right="5" Target="_blank" />
<asp:CircleHotSpot AlternateText="다음" HotSpotMode="Navigate"
NavigateUrl="http://www.daum.net" Radius="5"
Target="_blank" X="16" Y="16" />
</asp:ImageMap><br />
<asp:Table ID="tblTable1" runat="server" GridLines="Both">
<asp:TableRow ID="TableRow1" runat="server">
<asp:TableCell ID="TableCell1" runat="server" BackColor="Lime">1행 1열</asp:TableCell>
<asp:TableCell ID="TableCell2" runat="server" BackColor="Yellow">
1행 2열</asp:TableCell>
</asp:TableRow>
</asp:Table>
<asp:Table ID="tblTable2" runat="server" >
<asp:TableRow ID="TableRow2" runat="server">
<asp:TableCell ID="TableCell3" runat="server" BackColor="Blue"
BorderColor="Black">1행 1열</asp:TableCell>
<asp:TableCell ID="TableCell4" runat="server" BackColor="Red"
BorderColor="Black">1행 2열</asp:TableCell>
</asp:TableRow>
</asp:Table>
목록 :
<ul>
<li> C# </li>
<li> ASP.NET </li>
</ul>
<asp:BulletedList ID="bulFavority" runat="server" BulletStyle="UpperAlpha">
<asp:ListItem>C#</asp:ListItem>
<asp:ListItem>ASP.NET</asp:ListItem>
</asp:BulletedList>
</div>
</form>
</body>
</html> | 
10월8일.zip