[HTML-CSS 기초] 웹페이지에, 링크(link) 만드는 태그는?; 하이퍼텍스트 링크 만드는 법?
Tuesday, June 27, 2006
스폰서 링크<a> : 앵커(Anchor)태그입니다.
사용법:
<a href="주소">페이지 제목 혹은 설명</a>
가령 구글로 링크를 하려면
태그:
<a href="http://www.google.co.kr/">구글 검색</a>
결과:
구글 검색
이미지를 포함하여 링크하려면
태그:
이렇게 "페이지 제목 혹은 설명"이 들어갈 자리에 그림 태그를 대신 넣어주면 됩니다. alt="Google" 은 만약 그림을 출력할 수 없을 때, 그림 대신 나올 글자를 지정하는 것입니다.
결과:

관련 게시물:
[HTML-CSS] 그림/사진 태그인 img 태그의 속성
[HTML] title(타이틀;말풍선) 속성과, img 태그의 alt 속성의, 차이점
[HTML] 웹페이지에서 마우스 툴팁(Tooltip; 말풍선) 태그(Tag)
더 읽기: HTML/CSS/JavaScript
사용법:
<a href="주소">페이지 제목 혹은 설명</a>
링크 예제
가령 구글로 링크를 하려면
태그:
<a href="http://www.google.co.kr/">구글 검색</a>
결과:
구글 검색
이미지를 포함하여 링크하려면
태그:
<a href="http://www.google.co.kr/"><img src="http://www.google.co.kr/logos/Logo_40wht.gif" alt="Google" /></a>
이렇게 "페이지 제목 혹은 설명"이 들어갈 자리에 그림 태그를 대신 넣어주면 됩니다. alt="Google" 은 만약 그림을 출력할 수 없을 때, 그림 대신 나올 글자를 지정하는 것입니다.
결과:
관련 게시물:
[HTML-CSS] 그림/사진 태그인 img 태그의 속성
[HTML] title(타이틀;말풍선) 속성과, img 태그의 alt 속성의, 차이점
[HTML] 웹페이지에서 마우스 툴팁(Tooltip; 말풍선) 태그(Tag)
더 읽기: HTML/CSS/JavaScript
Post a Comment
<< Home