HTML5 이전까지는 웹 브라우저마다 어떤 종류의 멀티미디어 파일을 지원할지 각자 다른 방식으로 처리해 왔습니다. 하지만 HTML5에서는 플래시와 같은 외부 플러그인의 도움 없이도 멀티미디어 파일을 간단히 사용할 수 있습니다. 웹 브라우저는 파일의 타입(type)을 파일의 확장자로 판단하며 만약 확장자가 .html인 파일을 보면 웹 브라우저는 이 파일을 HTML 파일로써 다루게 됩니다. 또한 비디오(video)나 사운드(sound)와 같은 멀티미디어 요소들은 멀티미디어 파일에 저장되며 이와 같은 멀티미디어 파일도 다양한 파일 형식으로 저장될 수 있습니다. 1. 비디오(viedo) 파일 형식 파일형식 파일 확장자 설명 MPEG .mpg / .mpeg Moving Picture Experts Group에 의..

웹 페이지에서는 form 요소를 사용하여 사용자로부터 입력을 받을 수 있습니다. 웹 페이지를 방문했을 때 로그인/회원가입 혹은 어떤 데이터를 입력해서 보내야 하는 페이지는 대부분은 form 요소로 이루어져있습니다. 이렇게 사용자로부터 데이터를 입력받을 수 있게 해주는 form 요소는 action 속성을 이용하여 데이터를 처리할 서버 상의 스크립트 파일 주소를 명시할 수 있습니다. 또한 이렇게 전달받은 데이터를 처리하는 스크립트 파일을 폼 핸들러(form-handler)라고 부를 수 있습니다. 따라서 사용자가 form 요소를 통해 입력한 데이터는 action 속성에 명시된 위치로 method 속성의 방식을 통해 전달됩니다. method 속성을 통해 명시할 수 있는 form 요소의 전달 방식은 GET 방식과..

HTML의 모든 요소는 해당 요소가 웹 브라우저에 어떻게 보이는가를 결정짓는 display 속성을 가집니다. 대부분의 HTML 요소는 이러한 display 속성값으로 블록(block) 혹은 인라인(inline) 두 가지 값 중 하나를 가지고 있습니다. 1. 블록(block) 타입의 요소 display 속성값이 블록(block)인 요소는 언제나 새로운 라인(line)에서 시작합니다. 그리고 해당 라인의 모든 너비를 차지합니다. p tag는 display block 속성을 가지고 있습니다. 태그 속성 block block block block block block 2. 인라인(inline) 타입의 요소 display 속성값이 인라인(inline)인 요소는 새로운 라인(line)에서 시작하지 않습니다. 그리고..

웹 페이지를 표현하는데 이미지는 필수적인 요소에 가깝습니다. HTML은 태그를 통해 이미지 삽입을 제공합니다. 위의 예제를 통해 가져온 이미지는 페이지에 맞게 크기를 설정할 수 있습니다. 하지만 크기 설정에 권장하는 방법은 CSS style 속성을 사용하는 것입니다.

HTML 요소의 style 속성(attribute)을 이용하면 CSS 스타일을 HTML 요소에 직접 설정 할 수 있습니다. 하지만 이러한 style 속성을 이용한 방법은 오직 단 하나의 HTML 요소에만 스타일을 적용할 수 있습니다. 1. 배경색 변경 hi, HTML 2. 글자색 변경 hi, HTML 3. 글자 크기 변경 hi, HTML 4. 문단 정렬 hi, HTML 5. 색 표현 HTML에서 색을 표현하는 방법은 여러가지가 있습니다. 여기서는 대표적인 세 가지 방법을 소개합니다. 5-1. 색상 이름으로 표현 hi, HTML 5-2. RGB 색상값으로 표현 hi, HTML 5-3. 16진수 색상값으로 표현 hi, HTML 6. 배경색 변경 HTML5 이전까지는 bgcolor 속성을 이용하여 HTML 요..

HTML은 사전에 정의된 태그를 통해 웹 페이지를 구성할 수 있습니다. HTML에 많은 요소들이 있지만 해당 글에서 알아볼 것은 바로 텍스트를 표현하는 텍스트 요소들입니다. 1. 제목(Heading) 제목을 표현할 수 있는 다양한 크기의 태그는 이 가장 크고 이 가장 작습니다. 태그는 다음과 같은 특징을 가지고 있습니다. 위 아래로 약간의 여백이 자동으로 삽입됩니다. 굵은체로 표현됩니다. 한 줄을 모두 차지합니다. hi,HTML hi,HTML hi,HTML hi,HTML hi,HTML hi,HTML 2. 단락(Paragraph) 내용상 끊어서 구분할 수 있는 하나하나의 부분을 말하는 단락은 문단이라고도 부를 수 있습니다. HTML에서는 태그를 이용하여 문단을 표현할 수 있습니다. 위 아래로 약간의 여백(..

HTML은 웹 페이지를 만드는데 사용하는 언어이며 매우 쉽게 배울 수 있습니다. 모든 태그는 미리 정의되어 있으며 각각의 태그와 속성을 사용하기만 하면 됩니다. 1. HTML HTML은 HyperText Markup Language의 약자입니다. 웹 페이지는 HTML 문서라고도 불리며 HTML 태그들로 구성되어있습니다. 각각의 태그는 웹 페이지의 디자인이나 기능을 결정하는데 사용됩니다. HTML은 요소(Element), 태그(Tag), 속성(Atrribute), 변수(Arguments) 4가지 요소로 구성되어 있습니다. 요소(Element)는 HTML 시작과 종료 태그로 나타나는 모든 명령어들을 말합니다. 태그(Tag)는 시작 태그(start tag, opening tag)와 종료 태그(end tag, ..