HTML/CSS/JAVASCRIPT 강의실

시삽: 레드플러스 님 
게시판 이동:
 제목 : 예제. 022. 이미지연결하기(IMG태그).htm
글번호: 79
작성자: 레드플러스
작성일: 2003/05/14 오전 12:09:00
조회수: 5724
파일: HTML-0022.jpg (154 KB) / 전송수: 2748
HTML-0022.jpg
<!--
현재 문서와 같은 경로/상위경로/하위 images폴더에
redplus.gif파일을 넣어놓고 연습한다.
-->
<HTML>
<HEAD>
<TITLE>이미지 연결하기</TITLE>
</HEAD>
<BODY BACKGROUND="">

같은 경로에 있는 이미지 연결(상대경로사용)<br>
<IMG src="./redplus.gif"><br><br>

하위 및 상위 경로에 있는 이미지 연결(상대경로사용)<br>
<IMG src="./redplus.gif"><br>
<IMG src="../images/redplus.gif"><br><br>

URL에 있는 이미지 연결(절대경로사용)<br>
<IMG src="http://www.xpplus.net/images/redplus_banner1.gif"><br><br>

대체 텍스트 사용<br>
<IMG src="./images/redplus.gif" alt="레드플러스"><br>
<IMG src="./images/redplus.gif" title="레드플러스"><br>
<IMG src="없을경우대체텍스트가뜬다" alt="레드플러스"><br><br>

이미지 테두리 사용<br>
<IMG src="./redplus.gif" border="5"><br><br>

이미지 크기 변경<br>
<IMG src="./images/redplus.gif" width="100" height="100"><br>

이미지 링크 만들기<br>
<A href="http://www.xpplus.net">
    <IMG src="./images/redplus.gif">
</A>

</BODY>
</HTML>
 
이전 글   다음 글 삭제 수정 답변 글쓰기 리스트

(댓글을 남기려면 로그인이 필요합니다.)

관련 아티클 리스트
  제       목 파일 작성자 작성일 조회
이전글 8일차 강의내용 - 마퀴 태그(움직이는 문자) - 관리자 2001-01-12 7349
  8일차 강의내용 - 그림 연결 GSY.jpg(28 KB) 관리자 2001-01-12 6289
현재글 예제. 022. 이미지연결하기(IMG태그).htm HTML-0022.jpg(154 KB) 레드플러스 2003-05-14 5724
  Re : 위 예제에서 사용된 이미지 redplus.gif(5 KB) 레드플러스 2003-05-14 4764
  이미지 자동 생성 사이트 - 레드플러스 2013-06-29 3868
  img 태그를 사용하여 이미지 표현하기 ImgTagDemo.png(116 KB) 레드플러스 2015-05-28 3258
다음글 7일차 강의내용 - HTML 사이트 연결 태그 - UPDATE(2001.03.12) - 관리자 2001-01-12 6386
 
손님 사용자 Anonymous (손님)
로그인 Home