태그: 8개의 글
사용자 정의 태그를 만들어서 사용할 수 있다. 사용 방법은 EL에서 함수를 만드는 방법과 유사하나 조금 더 복잡한 부면이 있다. 커스텀 태그를 만들기 위해서는 tld 파일과 java class 파일이 필요하다. 예제로 유저에게 랜덤하게 조언을 해 주는 커스텀 태그 소스를 보면 이해하는데 도움이 된다.(소스는 역시 Head & First Servelet & JSP에서 사용된 것이다.) 우선 tld 파일은 EL과 마찬가지로 WEB-INF 밑에 작성한다. 이름은 myCustomTag.tld로 한다. 0.9 RandomTags rollIt com.example.DiceRoller int rollDice() randomThings random advice advice com.example.AdvisorTagHan..
서브라임 텍스트에서, 선택된 영역을 태그로 감싸주는 단축키가 있다. 영역 선택 후, Alt+Shift+W 를 누르면, 선택된 영역 앞뒤로 로 감싸준다. 물론 태그명은 변경이 가능하다. 출처: https://jason-moon.tistory.com/121?category=617185 [Programmer]
폼의 양식 보통 요즘은 fieldset 테두리도 지우고, legend의 글자도 css로 없애는 편입니다 fieldset legend 버튼 : button | input 기능은 같지만, button에는 내부에 아이콘도 넣을 수 있고, 태그도 집어넣을 수 있기 때문에 디자인적인 면에서 많이 사용하는 편이다. 전송 한 줄 문자입력 : input label - for 속성과 input - id, name 속성을 동일하게 입력해야 합니다. input 태그가 가지는 대표적인 속성 1) disabled = "disabled" 2) placeholder = "입력 힌트 문장" 3) autofocus="autofocus" : 처음에 어디에 포커스를 둘지 설정 4) required="required" : 필수입력항목 지정..
링크 하나씩 알아가는 블로그 하나씩 알아가는 블로그(새탭) 이미지 이미지 다운로드(IE 제외) webmaster@gmail.com 이미지 이미지에 대한 설명을 작성한다. 작성된 설명은 css를 통해서 보이지 않지만 style을 통해서 밀어내기만 했기 때문에 텍스트가 살아있어서 더 나은 웹 접근성을 확보할 수 있다. 이미지 맵 img의 usemap 값은 map의 id 속성을 참조하여 앞에 #을 붙여서 넣어줍니다. area의 coords 옵션에서의 좌표를 알아내기 위해서는 다음 절차를 따라야 합니다. 1. 해당하는 이미지를 포토샵으로 불러옵니다. 2. Window > info 메뉴를 클릭한 후 각 좌표를 알아냅니다. 3. 해당 좌표를 적어둡니다. 4. area의 태그에 coords 속성에 입력 후 테스트를 ..
샘플 테이블 1 2 3 4 5 6 7 8 9 1 2 3 4 5 6 7 8 9 가로로 합치기 가로로 합치기 4 5 6 7 8 9 가로로 합치기 4 5 6 7 8 9 세로로 합치기 세로로 합치기 2 3 5 6 8 9 세로로 합치기 2 3 5 6 8 9 가로세로 원하는만큼 합치기 가로세로 원하는만큼 합치기 3 6 7 8 9 가로세로 원하는만큼 합치기 3 6 7 8 9 출처 : know-one-by-one.tistory.com/23
테이블 레이아웃 테이블 헤더 th 태그를 사용하는 경우에는 scope 속성을 필수로 입력해주어야 합니다 테이블의 헤더 컬럼 테이블의 헤더 컬럼 테이블의 헤더 컬럼 테이블의 헤더 컬럼 테이블 데이터 테이블의 데이터 컬럼 테이블의 데이터 컬럼 테이블의 데이터 컬럼 테이블의 데이터 컬럼 테이블의 데이터 컬럼 테이블의 데이터 컬럼 테이블의 데이터 컬럼 테이블의 데이터 컬럼 테이블 결과값 결과 컬럼 결과 컬럼 결과 컬럼 결과 컬럼 출처 : know-one-by-one.tistory.com/22
순서가 없는 목록 메뉴 1 메뉴 2 메뉴 3 서브메뉴 3-1 서브메뉴 3-2 서브메뉴 3-3 순서가 있는 목록 메뉴 1 메뉴 2 메뉴 3 서브메뉴 3-1 서브메뉴 3-2 서브메뉴 3-3 출처 : know-one-by-one.tistory.com/21