게시판 위에 아이보스 로고 보이시죠?
이
로고 파일의 경로는 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 태그를 써줌으로써 해당 이미지가
특정 검색어와 관련이 있다는 것을 인식하게 됩니다.
아직 등록된 댓글이 없습니다.
신용성.님의 게시글에 첫번째 댓글을 남겨보세요.