HTML이란??
웹의 최소 단위인 웹 페이지를 만드는 언어
HyperText Markup Language의 약자로 웹 페이지의 구조를 표현한다.
태그로 되어있는 HTML요소 형태로 웹 페이지 구조를 표현하기도 한다.
하이퍼링크 태그 - <a>
클릭 시 다른 페이지로 이동시키는 하이퍼링를 적용시키는 태그
속성으로 href와 target이 있으며 href는 링크될 주소, target은 새 창을 띄울 위치를 지정한다.
글자나 문단 뿐만 아니라 그림 또는 html태그 요소 등에 적용할 수 있으며 적절한 범위를 고려하여 하이퍼링크를 적용해야 한다.
- <a>태그 기본 사용법
<a href="하이퍼링크 경로">하이퍼링크가 적용될 내용</a> |
- <a>태그 사용법
/* a태그 */ 구글
네이버
다음
위의 태그는 html코딩으로 작성되 있는데 brush태그안에 html코드를 쓰게되면 오류가 생겨서 a태그만 나오게 했다.
이런식으로 하드코딩을 한후 결과를 띄우면,,
저런 결과값이 나온다.
a링크안에 다른 경로를 넣어도 된다.
기본적으로 포털사이트를 넣어주면 좋다!!
링크열기 방식 target 지정
속성 값 | 설명 | |
_blank | 링크된 내용을 새로운 웹 브라우저 창에 열기 | |
_self | 링크된 내용을 현재 프레임에 열기(기본값) | |
_parent | 링크된 내용을 현재 프레임을 호출한 상위 프레임에 열기(프레임 문서에 적용) | |
_top | 링크된 내용을 프레임을 모두 없애고 웹 브라우저 화면 전체에 열기(프레임 문서에 적용) |
<a> 태그를 이용한 책갈피 설정
문서 내에서 위치를 지정하고 그 위치로 이동할 수 있게 하는 기능을 책갈피라고 한다.
책갈피 이동은 <a href="#이동할요소의 ID">요소</a>를 이용한다.
HTML a링크에서 중요한점은 target을 지정하는 것인데, 주로 새창만 열려면 target="_blank"를 넣어주는 것이 좋다.
a링크는 개발자도 사용하지만 쇼핑몰을 꾸미거나 웹 디자인을 할 때도 많이 사용되기 때문에 필수로 알아둘 필요가 있다.
그리고 사이트 개발을 위한 웹에이젼시나 퍼플리싱을 하기위한 기본적인 태그이기도 하다.
'IT 관련,, > 중요문자 적어두기' 카테고리의 다른 글
[웹/SPRING]Ajax란~ (0) | 2018.08.12 |
---|---|
[웹/클라이언트]자바스크립트의 함수형태 (0) | 2018.08.09 |
[JSP, SPRING]Maven이란~ (0) | 2018.08.02 |
[SPRING]Mybatis란~ (0) | 2018.07.30 |
[SPRING]스프링 ibatis란,, (0) | 2018.07.29 |