ASP.NET & Core를 다루는 기술: 6.12.2 따라하기

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 폴더를 만들어 넣어 두고 실습한다.

신간 소식 구독하기

뉴스레터에 가입하시고 이메일로 신간 소식을 받아 보세요.