웹 페이지에 이메일 주소를 넣고 싶을 때도 a 태그를 사용할 수 있습니다. 일반적으로 웹페이지 주소에 링크를 걸 때는 첫번째 행과 같이 코드를 작성하면 되지만, 이메일 주소에 링크를 걸 때는 이메일 주소 앞에 mailto:를 추가해줘야 합니다.
|
1
2
3
|
<a href="https://bskyvision.com">비스카이비전</a>
<a href="mailto:kyohoonsim@gmail.com">kyohoonsim@gmail.com</a>
|
cs |
위와 같이 코딩해주면 이메일 주소를 클릭했을 때 microsoft outlook이 열리면서 이메일을 보내는 창이 뜨게 됩니다. 받는 사람 주소에 링크를 건 이메일 주소가 들어가 있음을 확인하실 수 있습니다.
웹 페이지에 이메일을 연락처로 넣고자 할 때 유용한 기능입니다.
관련 글
'Dev > HTML, CSS' 카테고리의 다른 글
| [css] 요소의 종횡비를 지정해주는 css 속성, aspect-ratio (0) | 2022.04.10 |
|---|---|
| [css] input 박스 또는 textarea 박스 클릭했을 때 테두리 강조되지 않게 하기(:focus 의사 클래스) (0) | 2022.03.20 |
| [css] 자간 조절하기, letter-spacing 속성 (2) | 2021.05.26 |
| [html] 5초마다 자동으로 웹 페이지를 새로고침 해주고 싶다면? (2) | 2021.05.11 |
| 카카오 책 검색 API 이용해서 무한 스크롤 기능 가진 도서 검색 웹 페이지 만들기 (15) | 2021.03.18 |
| [css] 링크 밑줄 없애기 (4) | 2021.03.13 |
| [css] css 선택자에서 꺽쇠 > 의 의미는? 자식 선택자와 하위 선택자 (1) | 2021.02.16 |
| [css] calc 함수 사용법 (0) | 2021.01.15 |