• 메인홈으로
  • 전체메뉴 보기
  • 이달의 교육
  • 아카데미 교육
  • 창업스쿨
  • 1:1 방문컨설팅
  • 지역별교육&파트너
  • 무료 스튜디오
  • 쇼핑몰 자격증
  • 맨위로
링크태그 2007.03.05

중급 강좌를 통해 만든 상단 디자인을

솔루션에 적용을 시키시려면 가장 기본적으로 아셔야 되는것이 링크태그입니다.

링크 태그를 통해 특정 페이지로의 이동이 가능하게 됩니다.

 

먼저 링크태그의 속성에 대해서 알아보겠습니다.

링크태그는 <a href="링크주소">로 현재의 페이지를 새로운 주소로 이동시켜줍니다.

 

 

<a href="http://godomall.co.kr"> 고도몰 홈페이지[현재화면] </a>

<a href="http://godomall.co.kr" target="_blank"> 고도몰 홈페이지[새창] </a>

 

중급 강좌에서 제작하고 넣어놓은 이미지들이 주로 링크가 걸리게 되는데,

이미지의 링크도 텍스트의 링크와 마찬가지로

시작하는 <a> 태그와 끝나는 </a> 태그 사이에 넣어주시기만 하면 됩니다.

 

<a href="http://godomall.co.kr" alt="이미지에 마우스오버시 보입니다"><img src="링크주소" border=""></a>

 

고도몰 홈페이지[현재화면]
고도몰 홈페이지[새창]  



 

 

 

 처음보는 alt태그는 이미지명을 정하는 태그입니다. 창업준비메뉴에서도 설명했듯이, 이 alt의 값을 어떻게 정하느냐에 따라 검색페이지에서의 제품노출수에서 차이가 나게되므로 사용을 권장합니다.

border는 많이 사용하신 태그로서 링크를 이미지에 걸게되면 링크여부를 알리기위해 기본적으로는 파란색 테두리가 생기게됩니다.

이부분의 이런 현상의 방지를 위해 border="0"이라는 태그를 이미지 자체에 걸어주게됩니다.

 

 

목록보기