본문 바로가기

HTML32

전체 공개된 HTML5, CSS3 and JavaScript 자료에 대한 목차 안녕하세요, 현재 성공회대학교 소프트웨어공학과 외래교수로 재직하며 C#, 데이터베이스, HTML5 등을 강의하고 있는 원철연입니다. 얼마 전 HTML5, CSS and Javascript 책 한 권 분량(500 페이지, A4 기준)을 모두 본 블로그에 공개했습니다. 전체 목차가 일목요연하게 정리된 게 없어서 스스로 학습하는데 조금 어려움이 있을 것 같아서 엑셀 파일에 전체 리스트를 다음과 같이 만들었습니다. 필요하신 분들은 보시고 학습에 조금이라도 도움이 되시기 바랍니다. 그리고 본 내용을 가지고 비상업적인 목적으로 활용하시고자 하시는 단체나 선생님은 소속,성명(담당자),이메일, 전화번호를 비밀로 남겨주시면 추후 HTML5 관련하여 업데이트가 있거나 강의시에 도움될 내용이 있을 경우 연락드리겠습니다. 감.. 2013. 8. 20.
10.4 menu 요소 10.4 menu 요소 menu 요소는 command의 목록이나 메뉴를 만들 때 사용하는 요소로 “list”, “context”, “toolbar”와 같이 메뉴의 타입(type)을 설정하는 type 속성과 메뉴에 대한 시각적인 라벨을 설정하는 label 속성이 사용가능하며 다음과 같은 형식으로 menu 요소를 사용할 수 있습니다. command, button … 방금 전 사용한 “commandEx.html”을 메모장으로 열어서 시작, 마침 태그 안에 코드를 다음과 같이 수정합니다. 새파일 파일 열기 파일 저장 위와 같이 작성한 후 “menuEx.html”로 저장하고 IE로 보면 다음과 같이 나타나며 각 메뉴를 클릭하면 설정된 대로 알림창이 나타나 메시지를 표시합니다. 실제로 새파일, 파일 열기, 파일 저.. 2013. 7. 31.
9.10 keygen 요소 9.10 keygen 요소 keygen 요소는 키(key) 한 쌍을 생성하는데 이용되는 요소로 웹페이지에 올려진 input, textarea와 같은 컨트롤들을 포함하는 form이 웹서버로 전송될 때 비밀키(private key)는 로컬에 존재하는 저장 영역에 저장되고 공개키(public key)는 서버로 전송됩니다. 즉 보안과 관련된 요소로 다음과 같은 고유한 속성들이 정의되어 있습니다. 속성 기능 autofocus 페이지가 로드될 때 자동적으로 포커싱되도록 하는데 사용 challenge 공개키(public key)와 함께 전송될 문자열 keytype 키 타입을 명시할 때 사용. 예를 들면 keytype=”RSA” 라면 전자서명이 가능한 최초의 암호알고리즘인 RSA를 사용함을 나타냄 name Keygen.. 2013. 7. 31.
9.8 option, optgroup 요소 9.8 option, optgroup 요소 option 요소는 select, datalist 요소의 자식 요소로 사용되어 해당 요소들의 리스트를 구성하는 항목을 나타내는데 이용되거나 optgroup 요소의 자식요소로 이용될 수 있으며 다음과 같은 고유한 속성이 정의되어 있습니다. 속성 기능 disabled 해당 항목이 사용 불가임을 명시 label 긴 항목에 대한 짧은 라벨 selected 페이지가 처음 로드될 때 사전에 선택되져야 할 항목을 명시할 때 value 항목값을 의미하며 이 값이 웹서버로 전달되게 됨 앞에서 사용한 selectEx.html 파일을 메모장으로 열어서 다음과 같이 시작태그와 마침 태그 안에 코드를 수정합니다. 사과 딸기 배 키위(양다래 열매) 포도 위에서 보는 것처럼 selecte.. 2013. 7. 31.