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
반응형
'IT > html + css' 카테고리의 다른 글
| [html] form 요소 (0) | 2019.12.27 |
|---|---|
| [html] 표 만드는 table태그 (0) | 2019.12.19 |
| [html] 인라인요소 태그 (0) | 2019.12.17 |
| [html] 블록 요소, 인라인요소, 인라인블록 (0) | 2019.12.16 |
| [html] 기본 문서 구조 - meta태그 (0) | 2019.12.15 |
댓글