img 태그 간단 사용법

2005.11.08 09:28|

신용성.|

추천0|

조회수12,807|

댓글0

제목없음

게시판 위에 아이보스 로고 보이시죠?
이 로고 파일의 경로는 http://i-boss.co.kr/new/img_new/logo01.gif 입니다.

이 파일을 가지고 예를 들어 보겠습니다.

1. 단순하게 이미지만 불러온다. 

<img src="http://i-boss.co.kr/new/img_new/logo01.gif">
이와 같이 경로만 써주면 됩니다.
 

2. 이미지에 링크를 걸고 싶다.

<a href=http://i-boss.co.kr><img src="http://i-boss.co.kr/new/img_new/logo01.gif"></a>
그런데 이렇게 링크를 거는 경우 이미지에 테두리가 자동으로 생겨서 보기 싫게 됩니다.
해서 테두리를 없애는 태그를 추가해야 합니다.

<a href=http://i-boss.co.kr><img src="http://i-boss.co.kr/new/img_new/logo01.gif" border="0"></a>
 

3. 이미지 크기가 맞지 않아 크기를 지정하고 싶다.

<a href=http://i-boss.co.kr><img src="http://i-boss.co.kr/new/img_new/logo01.gif" border="0" width="135" height="45"></a>
가로는 width로 세로는 height로 크기를 지정해 주면 됩니다.
 

4. 검색엔진 스파이더에게 이미지의 속성을 알려주고 싶다.

<a href=http://i-boss.co.kr><img src="http://i-boss.co.kr/new/img_new/logo01.gif" border="0" width="135" height="45" alt="인터넷마케팅, 인터넷광고, 오버추어 광고"></a>
스파이더는 이미지를 읽어들이지 못합니다. 따라서 이미지에 alt 태그를 써줌으로써 해당 이미지가 특정 검색어와 관련이 있다는 것을 인식하게 됩니다.

 

 

스크랩

공유하기

신고

 신용성.
자기 소개가 없습니다.
  • 활동지수6단계 (958점)
  •  

댓글 0
소셜로그인
top

로그인 후 더욱 많은 기능을 이용하세요!

네이버 계정으로 로그인
페이스북 계정으로 로그인
구글 계정으로 로그인
카카오톡 계정으로 로그인
이메일 또는 아이디로 로그인
X
회원가입ID/PW 찾기 소셜 계정 로그인

전체 알림

모두 읽음 표시 알림함

받은 쪽지함

모두 읽음 표시 쪽지함