본문 바로가기

html571

10.2 summary 요소 10.2 summary 요소 summary 요소는 details 요소의 헤더 즉 제목이나 타이틀을 설정할 때 사용하는 요소로 다음과 같은 형식으로 사용됩니다. details 요소에 사용될 제목(타이틀) 방금 전 사용한 “detailsEx.html”을 메모장으로 열어서 시작, 마침 태그 안에 코드를 다음과 같이 수정합니다. 교육 지식과 기술 등을 가르치며 인격을 기르는 것 위와 같이 수정한 후 다른 이름으로 저장을 눌러서 “summaryEx.html”로 저장한 후 Chrome으로 열어보면 다음과 같이 details 예제에서와는 다르게 summary 요소에서 설정한 “교육”이 나타나는 것을 알 수 있습니다. - 본 저작물은 본인이 2011년 상반기부터 2012년 여름 즈음까지 도서 출판을 목적으로 약 470.. 2013. 7. 31.
10. Interactive Elements 10. Interactive Elements HTML5에서 대화형 요소들(Interactive elements)은 웹 페이지에서 사용자가 키보드나 마우스 등과 같은 입력 장치 등을 이용하여 어떤 기능을 활성화하거나 상호 작용할 수 있도록 하는 요소들로 이를 이용하여 사용자가 추가적인 정보나 메뉴나 명령 등을 처리할 수 있으며 현재 W3C에서 대화형 요소들로 분류한 목록은 다음과 같습니다. 요소 기능 details 사용자에게 세부사항를 보여주거나 감출 때 사용 summary details 요소를 위한 헤더, 타이틀 기능을 제공 command 사용자에 의해 작동되는 명령 menu command의 목록이나 메뉴를 만들 때 사용 10.1 details 요소 details 요소는 세부 사항을 보여주거나 감출 때 .. 2013. 7. 31.
9.13 meter 요소 9.13 meter 요소 meter 요소는 범위를 알고 있거나 아주 적은 값의 범위 내에서 수치 측량에 사용되는 요소로 일명 게이지(guage)라고도 불립니다. 이러한 meter 요소는 다음과 같은 고유한 속성들이 정의되어 있습니다. 속성 기능 value 측정된 값을 나타냄 min 최소값을 설정하는 속성으로 디폴트값은 0 max 최대값을 설정하는 속성으로 디폴트값은 1 low 최저값으로 생각되는 값을 설정 high 최고값으로 생각되는 값을 설정 optimum 최적의 값으로 고려되는 값을 설정 메모장을 열어서 기본적인 코드를 작성하고 다음과 같이 시작태그와 마침 태그 안에 코드를 작성합니다. 30% 2/5 60% 위와 같이 측정된 값을 나타내는 value 속성과 최대, 최소값을 나타내는 max, min 속.. 2013. 7. 31.
9.12 progress 요소 9.12 progress 요소 progress 요소는 어떤 작업의 진행과정을 나타내기 위해 사용하는 요소로 어떤 작업이 전체에서 어느 정도까지 달성되었는가를 나타내는데 사용하는 value 속성과 달성해야 할 전체량을 나타내는 max 속성을 고유한 속성으로 사용할 수 있으며 다음과 같은 형식을 사용합니다. 메모장을 열어서 기본적인 코드를 작성하고 다음과 같이 시작태그와 마침 태그 안에 코드를 작성합니다. 다운로드 중... 위와 같이 작성한 후 “progressEx.html”로 저장합니다. 그 다음 Firefox를 이용하여 열어보면 다음과 같이 그럴듯한 진행상태를 나타내는 프로그래스바가 나타납니다. - 본 저작물은 본인이 2011년 상반기부터 2012년 여름 즈음까지 도서 출판을 목적으로 약 470 페이지(.. 2013. 7. 31.

티스토리툴바