UX·UI - FrontEnd Dev. Story

링크 2

<a>태그 href 속성 #, #none 및 taget, title 속성 파해치기

1. 태그 속성 종류 ● href : 연결하고 싶은 주소를 지정한다. ● target : 링크 클릭 시, 창의 형태를 지정한다 [ _blank, _self, _top, _bottom ] ● title : 링크에 대한 설명을 넣는다. 2. 태그의 href 속성 href = Hypertext Reference의 약자 - href="연결 주소" 주소 링크를 넣어서 속성의 값으로 경로를 이동시킨다. 코딩을 하다보면 href 안에 #, #none, / 넣는경우가 있는데 차이점을 알아보자. ◎ # : 아무것도 실행하지 않지만 페이지 최상단으로 이동 ◎ #ID : 지정된 id 값으로 포커스 이동 ◎ #none : 아무것도 실행하지 않고 페이지 최상단으로도 이동하지 않는다. ◎ javascript:; : 자바스크립트라..

[HTML] <select> 태그에 링크걸기

1. 그룹 태그에 링크 넣기 예시 01) 박스 링크 걸기 예시 02) 그룹박스 링크 걸기 사이트 바로가기 현대자동차 현대컬렉션 N 브랜드 ------ 사이트 리스트 ------ 현대자동차 현대컬렉션 N 브랜드 롯데 롯데시네마 구글 네이버 다음 태그는 예시 01 처럼 리스트로 만들 수 있고 예시 02처럼 그룹화 리스트를 만들 수 있다. ● 그럼, 리스트에 링크를 거는 방법은? ------ 관련 사이트 ------ 코센(KOSEN) 국가정책연구포털(NKIS) East Asian Economic Review 한국과학기술정보연구원 경제인문사회연구회 대외경제정책연구원 구글 네이버 다음 태그에 window.open(value,'_blank'); 넣어주고 에 value="링크 주소" 입력하면 된다.

반응형