전체 글

#1 웹 폼 로그인, 회원 가입, 주문 정보 등을 처리하기 위해서는 사용자로부터 필요한 데이터를 입력받아야 하는데, form 요소 안에 input, textarea, select, button, fieldset, label 등의 다양한 요소들을 통틀어 웹 폼이라 한다. 가. form 요소 First Name: Second Name: 1) form 요소의 속성 2) method 속성의 전송 방식의 비교 나. input 요소 form 요소 중에서 사용 빈도가 가장 높고 사용자가 데이터를 입력할 수 있도록 다양한 입력 타입을 제공한다. 1) type 속성 2) input 요소의 속성 다. textarea 요소 사용자로부터 여러 줄에 해당하는 텍스트를 입력받기 위해서 사용하는 요소 Wikitechy A Lear..

#1 시멘틱 블록 요소 가. main 요소 Wikitechy Tutorials Wikitechy provide HTML, CSS tutorials for beginners HTML Tutorial HTML-Hyper Text Markup Language. It is used to create a static web page. CSS Tutorial CSS-Cascading Style Sheets Specification is a computer language that is used to write formatting instructions (rules). - main 요소는 문서 body 영역의 주요 콘텐츠 블록을 지정할 때 사용한다. main 요소 안의 콘텐츠 블록은 문서에서 유일한 부분이므로 문서에..

#1 레이아웃 시멘틱 요소 - 이전 HTML에서는 검색 엔진이나 자동으로 문서를 해석하는 프로그램을 이용해서 문서를 판별하고 해석하기는 힘든 문서 구조를 갖고 있었다. 이는 문서의 구조나 요소 내용에 대한 의미를 명확히 전달하려는 목적보다는 문서를 어떻게 표현할 것인가에 중점을 두었기 때문이다. - 그림과 같이 웹 문서를 작성하면 각 영역을 나타내려는 id 속성의 값이 문서 작성자마다 달라질 수 있으므로 속성값으로 문서의 구조를 자동으로 판별하고 해석하는 것이 쉽지 않고, 복잡한 페이지의 경우에는 많은 div 요소가 중첩되어 문서 구조 파악을 더욱 어렵게 만든다. - HTML5에서는 표현중심이 아닌 의미있는 구조문서 작성을 위해 다양한 시멘틱이 추가되었다. - 요소명 자체만으로도 그 요소가 어떤 문서 구..

#1 HTML5란 기존 HTML에서의 스타일 지정과 관련된 태그와 속성이 대부분 제거되고 새로운 태그가 추가되면서 문서의 내용 표현에 보다 집중할 수 있도록 발전하였다. 또한 HTML5가 제공하는 태그와 속성만을 의미하는 것이라기보다는 콘텐츠의 내용과 형식을 표현하기 위한 HTML5, 콘텐츠의 표현 방법을 정의하는 CSS3, 그리고 각종 API를 통해 기능을 표현하는 자바스크립트를 통칭하는 것이다. 따라서 단순히 개별적인 내용의 이해에만 국한되는 것이 아니라 이들 간의 협업 관계를 이해하고 활용하는 것이 중요하다. #2 HTML5 디자인 원칙 - 기존 HTML 콘텐츠나 이전 브라우저 등과의 호환성을 위해, 기술의 혁신을 통한 새로운 언어의 구현이 아닌 진화를 통해 기존 HTML의 문법과 이용방법을 최대한..