3. FrmHtml.aspx 페이지에 다음과 같이 입력한다.
▼ FrmHtml.aspx
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="FrmHtml.aspx.cs" Inherits="DevStandardControl.FrmHtml" %> <!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>HTML 대체 컨트롤</title> </head> <body> <form id="form1" runat="server"> <div> 하이퍼링크 : <a href="http://www.dotnetkorea.com/">닷넷코리아</a> <asp:HyperLink ID="lnkDotNetKorea" runat="server" NavigateUrl="http://www.dotnetkorea.com/"> 닷넷코리아 </asp:HyperLink><br /> <br /> 이미지: <img src="./images/btn_home.gif" alt="홈으로..." title="홈으로..." /> <asp:Image ID="imgHome" runat="server" ImageUrl="./images/btn_home.gif" ToolTip="홈으로..." AlternateText="홈으로..." /><br /> <br /> 이미지맵: <img src="./images/btn_home.gif" border="0" usemap="#GoHome" /> <map name="GoHome"> <area shape="circle" coords="16, 16, 5" href="http://www.dotnetkorea.com/" alt="닷넷코리아" target="_blank" /> <area shape="rect" coords="0,0,5,5" href="http://www.taeyo.net/" alt="태오닷넷" /> </map> <asp:ImageMap ID="mapHome" runat="server" ImageUrl="./images/btn_home.gif"> <asp:RectangleHotSpot AlternateText="태오닷넷" Bottom="5" HotSpotMode="Navigate" NavigateUrl="http://taeyo.net" Right="5" Target="_blank" /> <asp:CircleHotSpot AlternateText="닷넷코리아" HotSpotMode="Navigate" NavigateUrl="http://www.dotnetkorea.com/" Radius="5" Target="_blank" X="16" Y="16" /> </asp:ImageMap><br /> <br /> 테이블:<br /> <table border="1"> <tr> <td>1행1열테이블</td> </tr> </table> <asp:Table ID="tblTable" runat="server" GridLines="Both"> <asp:TableRow runat="server"> <asp:TableCell runat="server" BackColor="Lime">1행1열</asp:TableCell> <asp:TableCell runat="server" BackColor="Yellow">1행2열</asp:TableCell> </asp:TableRow> <asp:TableRow runat="server"> <asp:TableCell runat="server" BackColor="Blue">2행1열</asp:TableCell> <asp:TableCell runat="server" BackColor="Red">2행2열</asp:TableCell> </asp:TableRow> </asp:Table> <br /> 목록: <ul> <li>C#</li> <li>ASP.NET</li> </ul> <asp:BulletedList ID="bulFavorite" runat="server" BulletStyle="UpperRoman"> <asp:ListItem>C#</asp:ListItem> <asp:ListItem>ASP.NET</asp:ListItem> </asp:BulletedList> </div> </form> </body> </html>
코드에서 사용하는 btn_home.gif 이미지 파일은 이 책의 소스에서 가져다가 images 폴더를 만들어 넣어 두고 실습한다.