IT/html + css
[html] a 링크, a 태그 만들기 - 새창으로 이동 속성
on sunday
2019. 12. 18. 16:09
728x90
반응형
a태그는 인라인 요소로써,
텍스트나 이미지를 통하여 다른 곳으로 정보를 연결해 주는 역할을 담당하는 요소가 <a>입니다.
<a href="#">내용을 입력해주세요</a>
→href="#" 에서 #자리에 이동할 경로, 사이트 주소를 입력하면 a태그 안에있는 글씨를 클릭했을때 이동하게 됩니다.
이미지에 링크를 걸고 싶다면?
<a href="#"><img src=""></a>
→ src="#" #자리에 이미지 경로,사이즈 주소를 입력하면 이미지를 클릭했을 때 이동하게 됩니다.
target="_blank" 는 연결된 정보 페이지를 새창에서 띄우는 속성으로
기본형은 target="_self" 입니다.
위 소스코드를 입력했을 때 결과 화면입니다. 블록 요소인 p태그 안에 a태그를 입력하여 한줄로 출력됩니다.
--> 이미지를 클릭하면 새창에서 on sunday 블로그 홈화면으로 이동합니다.
<body> <p>안녕하세요 <a href="#">on sunday</a> ©티스토리 입니다.</p> <p>안녕하세요 <a href="https://carina16.tistory.com/" target="_blank">on sunday</a> ©티스토리 입니다.</p> </body> <style> body{font-size:40px;} a{color:forestgreen;} </style> | cs |
728x90
반응형