[HTML] 글자, 이미지에 링크 거는 방법
- IT/웹(Web)
- 2020. 5. 2.
안녕하세요
블로그나 사이트를 만들다 보면
이런 url 주소가 직관성도 없고 지저분해 보일 때가 있는데요
문자나 이미지에 깔끔하게 링크를 달기위해
이번 시간에는
글자나 이미지에 링크 거는 방법에 대해서 알아보도록 하겠습니다
먼저 기본 틀은 다음과 같습니다
|
1
|
<a href="이동할 링크 주소">이미지나,문자</a>
|
cs |
그리고 다음과 같은 예시 HTML을 작성해 보겠습니다
|
1
2
3
4
5
6
7
8
9
10
11
|
<html>
<head></head>
<body>
<a href="https://coconuts.tistory.com">PilotTest 티스토리 이동</a>
<br><br>
<a href="https://coconuts.tistory.com/91"><"https://img1.daumcdn.net/thumb/R1280x0/?scode=mtistory2&fname=https%3A%2F%2Fk.kakaocdn.net%2Fdn%2FIuKaB%2FbtqDMkgdNgF%2FdkkPDruCjyfebkt9QkOcT1%2Fimg.jpg"></a>
</body>
</html>
|
cs |
아래와 같이 링크를 완성했습니다.
Jellybear 티스토리 이동
글자나 이미지를 누르면
지정한 해당 링크로 이동할 수 있습니다 ^^
감사합니다!
도움이 되셨다면 좋아요 꼭 부탁드립니다🌝