본문 바로가기

프로그래밍93

HTML 콤보박스(SELECT) 태그 HTML 콤보박스 태그 드롭다운 리스트(DropdownList) 입력 태그에 대하여 알아보도록 하겠습니다. 그 첫번째 포스팅으로 콤보박스(SELECT) 또는 드롭다운 리스트라고도 부르는 태그에 대하여 알아보도록 하겠습니다. ■ 형태 표시 될 문구 표시 될 문구 표시 될 문구 ■ 속성 - ONCHANGE : 선택박스 값이 변경 되었을 때 이벤트를 발생 시킵니다. - SELECTED="SELECTED" : 해당 옵션이 선택되어 나타나게 합니다. ■ 예제소스 목록 1 목록 2 목록 3 ※ 예제 추가 설명(자바스크립트) alert는 알림메시지이며 this.value 는 선택 된 값(value) 을 타나냅니다. 따라서 다른 콤보박스 항목을 선택하게 되면 해당 값이 알림 메시지로 나타나게 됩니다. style="he.. 2018. 1. 3.
HTML 프레임(FRAME) 만들기 HTML 프레임 만들기 ■ 용도 한 화면을 여러개 창으로 분할 하거나,창마다 독립적인기능을 포함 하게 할 경우 사용됩니다. ■ 형식 ■ 속성 - ROWS : 세로 분할 - COLS : 기로 분할 ■ 실습 ■ 결과 요즘에는 잘 사용되지 않는 태그 이지만 프레임(FRAME) 에 대하여 알아 보았습니다. 2017. 12. 28.
HTML 테이블 선 및 여백, 배경색 설정 HTML 테이블 선 및 여백, 배경색 설정 ■ 테이블 외곽선 및 여백, 배경 색 지정에대하여 알아 보겠습니다. 속성 설명 BORDER 테두리의 선의 두께를 설정합니다. CELLSPACING 셀과 셀 사이의 여백을 설정합니다. CELLPADDING 셀과 문자 사이의 여백을 설정합니다. BGCOLOR 배경색을 설정 합니다. ■ 예제 - 예제 1 테스트 테스트 - 예제 2 테스트 테스트 - 예제 1 결과 테스트 테스트 - 예제 2 결과 테스트 테스트 2017. 12. 27.
HTML 테이블 만들기 기본 태그 HTML 테이블 기본 태그 ■ 테이블을 만들기 위한 기본적인 태그의 종류와 기능들에 대하여 알아 보도록 하겠습니다. 태그 설명 테이블을 선언하는 태그 입니다. 테이블의 한 행을 정의 합니다. 테이블의 각 행의 셀을 만들 때 사용합니다. 테이블 헤더 행에 있는 셀의 제목을 지정 할 때 사용합니다. 제목을 강조되게 표시 합니다. ■ 테이블의 조금 더 자세한 제어를 위한 , 의 속성들에 대하여 알아 봅시다. 태그 설명 ALIGN 셀의 내용에 대한 좌우 정렬을 설정합니다.(LEFT, CENTER, RIGHT) VALIGN 셀의 내용에 대한 상하 정렬을 설정합니다.(TOP, MIDDLE, BOTTOM) ROWSAN 셀의 행을 합치기 위한 태그 입니다. COLSPAN 셀의 열을 합치기 위한 태그 입니다. WIDTH.. 2017. 12. 21.