HTML에서는 다양한 타입의 input 요소를 이용하여 사용자로부터 입력을 받을 수 있다. 대표적인 HTML input 요소는 다음과 같다. 텍스트 입력 비밀번호 입력 라디오 버튼 체크박스(check box) 파일 선택 박스 선택(select) 입력(drop-down 리스트) 문장 입력 버튼(button) 입력 전송 버튼(submit) 필드셋(fieldset) HTML5에서 추가된 다양한 타입의 input 요소 HTML5에서 새롭게 추가된 다양한 타입의 input 요소는 다음과 같다. datalist 요소 keygen 요소 output 요소 datalist 요소 datalist 요소는 input 요소에 대해 미리 정의된 옵션 리스트를 명시해 주는 요소이다. 사용자는 텍스트를 바로 입력해도 되고, 드롭다운..

의미 요소(semantic element) 의미 요소(semantic element)란 그 자체로 의미를 가지고 있는 요소를 가리킨다. 즉, 요소가 자기 스스로 브라우저와 개발자 모두에게 자신이 사용된 의미를 명확히 전달해 주는 요소를 의미한다. 의미 요소가 아닌 div 요소나 span 요소 등은 해당 요소가 무슨 목적으로 사용되었는지 코드를 살펴봐야 알 수 있다. 하지만 의미 요소인 table 요소는 코드를 보지 않아도 해당 요소가 표를 만드는 데 사용되었다는 것을 이름만 살펴봐도 바로 알 수 있다. HTML5에서 추가된 의미 요소 HTML5에서 새롭게 추가된 대표적인 의미 요소는 다음과 같다. header 요소 nav 요소 main 요소 section 요소 article 요소 figure와 figca..

HTML5 개요 HTML5는 웹 상에서 콘텐츠(content)를 구성하고 보여주기 위한 HTML 언어의 최신 표준 권고안이다. HTML5는 HTML 4.01, XHTML 1.1 등을 대체하는 HTML의 차세대 표준이다. HTML5는 XML이나 XHTML과는 달리 문법적으로 매우 유연하게 대처한다. 따라서 다음과 같은 사항들을 모두 문법적으로 허용한다. 태그 이름에 대문자 사용 속성값에 따옴표 생략 속성값 생략 빈 태그의 종료 태그(/) 생략 HTML5 문서의 기본 구조 HTML5에서는 DOCTYPE 선언이 매우 간단해졌다. 또한, 문자셋(character set)의 선언도 매우 간단해졌다. HTML5에서의 기본 문자 인코딩(character encoding) 방식은 UTF-8이다. HTML5 변경사항 H..

XHTML(EXtensible HTML) XHTML은 EXtensible HTML을 의미한다. XHTML은 HTML과 거의 비슷하지만, 문법의 적용이 조금 더 엄격한 특징을 가지고 있다. 웹 콘텐츠는 기존의 PC 위주의 환경에서 벗어나 여러 다양한 플랫폼에서 더욱 많이 이용되고 있다. 따라서 부정확한 HTML 문법을 지원하는 데 필요한 자원이 부족한 환경이 점차 생겨나기 시작한다. XHTML 문서는 하나의 XML 문서로서 문법적으로 정확하므로, 표준 XML 라이브러리를 이용한 자동화된 처리가 가능해진다. XHTML에서의 변경 사항 문서의 구조적 측면 XHTML DOCTYPE을 반드시 명시해야 한다. 태그의 xmlns 속성을 반드시 명시해야 한다. , , , 태그를 반드시 사용해야 한다. 문서의 요소적 측..

자바스크립트(JavaScript)는 객체(object) 기반의 스크립트 언어이다. HTML로는 웹의 내용을 작성하고, CSS로는 웹을 디자인하며, 자바스크립트로는 웹의 동작을 구현할 수 있다. 자바스크립트는 주로 웹 브라우저에서 사용되나, Node.js와 같은 프레임워크를 사용하면 서버 측 프로그래밍에서도 사용할 수 있다. 컴퓨터나 스마트폰 등에 포함된 대부분의 웹 브라우저에는 자바스크립트 인터프리터가 내장되어 있다. script 요소 script 요소는 해당 웹 페이지에 사용할 스크립트(script)를 정의하기 위해 사용한다. script 요소 내부에 직접 스크립트를 작성하거나, 외부 스크립트 파일의 주소를 src 속성값으로 명시하면 된다. noscript 요소 noscript 요소는 스크립트를 지원하..

CSS란 Cascading Style Sheets의 약자이다. CSS는 HTML 요소들이 각종 미디어에서 어떻게 보이는가를 정의하는 데 사용되는 스타일 시트 언어이다. HTML4 부터는 이러한 모든 서식 설정을 HTML 문서로부터 따로 분리하는 것이 가능해졌다. HTML 문서에 CSS 스타일을 적용하는 방법은 다음과 같다. 인라인 스타일(Inline style) 내부 스타일 시트(Internal style sheet) 외부 스타일 시트(External style sheet) 인라인 스타일(Inline style) 인라인 스타일이란 HTML 요소 내부에 style 속성을 사용하여 CSS 스타일을 적용하는 방법이다. 이러한 인라인 스타일은 해당 요소에만 스타일을 적용할 수 있다. 인라인 스타일을 이용하여 스..