2009년 05월 19일
HTML 기초 8
배너 링크하기
텍스트 파일에 아래 소스를 넣어 html로 확장자를 바꾼 후 실행 하세요!!
________________________________[소스]_____________________________________
<HTML>
<BODY>
<CENTER>
<H2> 배너/이메일 링크하기</H1>
<TABLE BORDER=0>
<TR>
<TD>
<A HREF="http://www.NAVER.com">
<img src="1.gif" border=0>
</A>
</TD>
</TR>
<TR>
<TD>
<A HREF="mailto:1234@naver.com">
<img src="2.gif" border=0>
</A>
</TD>
</TR>
</TABLE>
</CENTER>
</BODY>
</HTML>
_________________________________________________________________________
같은 폴더에 1.gif, 2.gif 파일이 있어야 하니 유념바람!!!
실행 내용 : 그림을 클릭하면 각 사이트로 이동한다
<a> 태그 안에 <img> 태그를 사용하면 테두리가 나타나므로 <img> 태그의 border을 0으로 설정하여 테두리가 나타나지 않게 한다. <img> 태그를 독립적으로 사용하는 경우에는 테두리가 나타나지 않는다. <img> 태그의 src 속성을 이용하여 1의 이미지를 호출한다.
<a>태그의 href 속성을 설정할때 mailto:를 앞에 붙인 후 이메일 주소를 넣으면 이메일을 보낼 수 있다. 아웃룩 프로그램이 설치되어 있으면 메일을 보낼 수 있는 창이 뜬다!
# by 자기발전 | 2009/05/19 21:08 | HTML | 트랙백 | 덧글(0)
