html 교재12 9.3 lable 요소 9.3 lable 요소 label 요소는 Input 요소와 같은 다른 요소의 라벨을 정의하는데 사용되는 요소로 label 요소 자신이 어느 form에 속하는지를 설정하는 form 속성과 관련된 컨트롤의 id를 명시할 때 사용하는 속성인 for가 정의되어 있습니다. 간단하게 다음에 설명할 input 요소를 2개를 이용한 예제를 해볼까요? 메모장을 열어서 기본적인 코드를 작성하고 다음과 같이 시작태그와 마침 태그 안에 코드를 작성합니다. 당신이 좋아하는 영화 장르는? 액션 공포 위와 같이 작성한 후 “labelEx.html” 로 저장한 후 IE를 통해 보면 다음과 같이 checkbox 형태의 input 요소의 라벨로 각각 액션, 공포 형태로 나타내게 되며 내부적으로 label 요소의 for 속성을 이용하여 .. 2013. 7. 31. 9.2 fieldset, legend 요소 9.2 fieldset, legend 요소 fieldset 요소는 폼(form) 안에서 관련된 요소들을 그룹화하는데 유용하게 사용할 수 있는 요소로 다음과 같은 고유한 속성들이 정의되어 있습니다. 속성 기능 disabled fieldset에 포함된 요소들에 대해서 마우스 클릭 불가와 같이 disable 시킬 때 사용하는 속성으로 특정한 목적이 만족되면 Javascript를 이용하여 disable 해제하고 원하는 동작을 처리 form fieldset이 속하는 form을 명시할 때 사용 name fieldset의 이름을 명시 다음으로 legend 요소는 fieldset 요소의 제목을 나타내는데 요소로 다음과 같은 형태로 사용할 수 있습니다. fieldset의 제목 ... 메모장을 열어서 로 시작하는 기본적인.. 2013. 7. 31. 9. Form-related Elements 9. Form-related Elements 여러분이 웹사이트를 만들 경우 바라보는 관점에서 따라서 중요한 것들이 차이가 있을 수 있겠지만 웹사이트를 방문하는 사용자와의 상호작용 관련 부분은 공통적으로 중요하다고 생각할 것입니다.. HTML5에는 사용자로부터 문자, 숫자, 문자열 등과 같은 입력값들을 입력받을 수 있는 inputBox, 버튼(button), 체크박스(checkbox) 같은 컨트롤들을 자식 요소들로 가질 수 있는 컨테이너 역할을 하는 form이라는 웹 페이지의 요소를 이용합니다. 사용자들을 폼(Form)을 통해서 자신이 방문하는 웹사이트과 통신을 할 수 있습니다. 예를 들면 온라인 쇼핑, 선호도 조사 같은 온라인 조사에 참여 등과 같은 양방향 통신이 가능하도록 하는 것이 폼(Form)이라고.. 2013. 7. 31. 8.5 셀 내부 정렬하기 8.5 셀 내부 정렬하기 셀 안의 정렬을 보면 기본적으로 좌측(left) 정렬되어 나타나게 되는데 위의 결과에서 보는 것처럼 숫자 형태나 퍼센트 형태는 오른쪽 정렬을 하는 것이 더 보기 좋을 수 있습니다. 이와 같이 셀 내부의 정렬을 하는데 있어 HTML5 이전 버전에서는 수평 정렬에는 align 속성을, 수직 정렬에는 valign 같은 속성을 td 요소에 직접 사용하였는데 HTML5에서는 이 방법보다는 CSS를 이용하여 설정하도록 권장하고 있습니다. 따라서 이를 CSS를 이용하여 설정하는 방법을 소개하면 다음과 같습니다. 메모장으로 “cellspacingandcellpadding.html”을 열고 다음과 같이 코드를 변경합니다. align, valign 예제 위에서 CSS의 text-align 속성은 .. 2013. 7. 31. 이전 1 2 3 다음