[개발] Programming/HTML, CSS16 a태그 href 속성 #, #none 및 링크 옵션 href "#"와 "#none"의 차이 이미지나 문구 등에 a tag를 사용하여 버튼 처럼 사용하는 경우가 많은데, 이럴때 아래와 같은 차이가 있다. 버튼1 버튼2 "#" : 아무것도 실행하지는 않지만 페이지 최상단으로 이동한다. "#none" : 아무것도 실행하지 않으며, 페이지 최상단으로도 이동하지 않는다. 같은 페이지 내에서 이동 위로이동'을 클릭할 경우 name이 'here'인 곳으로 이동한디. 위로이동 다른 페이지로 이동 href에 넣은 주소로 페이지를 이동시킨다. 구글 열자 * 페이지를 열 창을 선택하는 옵션도 줄 수 있다. ValueDescription_blankOpens the linked document in a new window or tab_selfOpens the linked doc.. 2018. 11. 2. HTML 특수문자 표현, 치환 방법 HTML 특수 문자 치환 특수 문자가 포함된 경우 브라우저는 웹소스의 일부(태그)로 인식하는 오류가 발생한다.이 경우 아래 코드로 치환하여야 한다. 특히 사용자가 입력할 수 있는 Form 에는 필수! 예) ", , 등 문자는 코드로 인식 되는 문제 발생 는 소스로 인식하는 방면, 치환된 문자인 는 문자로 인식한다. [ 자주 쓰는 특수문자 ]^^''>>", ">") 자바스크립트에서 치환 var res = str.replace(">", ">"); 2018. 11. 2. 드롭다운 메뉴 선택시 페이지 이동 (select option 태그 페이지 이동) 드롭다운 메뉴 선택시 페이지 이동 (select option 태그 페이지 이동) Select tag 아래 펼쳐진 Option을 클릭했을 때 페이지 이동이 되는 기능 추가 option 태그의 value에 링크를 넣으면 된다. 구글 열기 네이버 열기 예) '구글 열기'를 클릭하면 google.com으로 이동하게 된다. 클리해보기 -> 열어볼 페이지를 선택해 주세요. 구글 열기 네이버 열기 2018. 11. 2. input 태그 힌트 주기 (placeholder 설정) 및 힌트 문구 폰트 색상 지정 input tag에서 예시 처럼 사용할 수 있는 힌트 문구를 추가할 수 있는 속성이다. 이름: 해당 문구에 색상을 주기 위해서는 추가로 브라우저별 style을 지정해줘야함. ::-webkit-input-placeholder { color:#aaa; font-size:12px; } // WebKit browsers :-moz-placeholder { color:#aaa; font-size:12px; } // Mozilla Firefox 4 to 18 ::-moz-placeholder { color:#aaa; font-size:12px; } // Mozilla Firefox 19+ :-ms-input-placeholder { color:#aaa; font-size:12px; } // Internet Expl.. 2018. 11. 1. 웹페이지에서 새창 또는 부모창으로 링크 열기, (a 태그 href) 웹에서 링크를 여는 방법은 2가지가 있다. 하나는 새 창으로 여는 방법이고 나머지는 현재 페이지를 이동 시키는 방법이다. 방법은 a태그에 target을 지정해주면 된다. 현재창으로 열기 -> target="_parent" 새창으로 열기 -> target="_blank" 단 target을 생략하면 현재 창으로 열린다. 링크 열기 예시 새창으로 열기 현재창으로 열기 2018. 11. 1. [CSS] span 태그 크기 (높이, 너비) 지정하기 Span은 인라인 요쇼라서 너비나 높이가 없음. span 태그의 너비나 높이를 지정하기 위해서는 block-level 요소로 만들어야 한다. 아래 예제 스타일에 display:inline-block; 를 추가해주면 된다. 1 2 3 4 ABC Colored by Color Scripter cs 그럼 이제 span 태그도 너비와 높이를 지정할 수 있다. 2018. 11. 1. URL 파라미터를 JSP 페이지에서 호출하는 방법 url 파라미터 JS에서 받는 방법 예) 파라미터 중에 testVal 값을 JS에서 호출하고 싶은 경우 www.myhomepage.com/home.jsp?testId=123&testVal=hello param은 URL의 파라미터를 의미하고, testVal 은 파라미터 중에 testVal을 지칭함. 즉, ${param.name} 는 request.getParameter("name") 과 같은 결과를 가진다. 2018. 10. 26. 이전 1 2 다음