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