K_blueprint

오늘은 HTML5에서 텍스트 및 박스의 그림자를 부여할 수 있는 프로퍼티에 대해서 정리해 보겠습니다.  [텍스트에 그림자 효과 부여하기] - 'text-shadow'프로퍼티를 활용해서 텍스트의 그림자 효과를 줄 수 있다.- 해당 프로퍼티를 사용하는 방법은 아래와 같다.text-shadow : __h-shadow : 원본 텍스트와 그림자 텍스트 사이의 수평 거리v-shadow : 원본 텍스트와 그림자 텍스트 사이의 수직 거리blur-radius : 그림자의 번짐(흐릿함)을 조절color : 그림자의 색none : 그림자 효과 없음 - 아래는 위의 프로퍼티를 활용한 예시 코드와 출력 결과이다. (소스코드)div.red{ text-shadow: 3px 3px red;}그림자를 보세요! (출력결과)  -..

목  차1. 웹 폼과 폼 요소(feat. 간단한 로그인 폼 만들기)2. 폼 태그3. 입력칸 만들기(텍스트, 데이터) 1. 웹 폼과 폼 요소- "웹 폼(Webform)"이란, '웹 페이지를 통해서 사용자의 입력을 받는 폼을 의미한다. 또한 이러한 폼을 만들기 위해서 사용되는 다양한 태그들을 "폼 요소(form element)"라고 한다.- 폼은 '로그인', '등록', '검색', '예약', '쇼핑' 등 "사용자의 입력을 받는 웹 서비스"라면 일반적으로 사용된다. 아래는 간단한 로그인 폼을 작성한 예시이다. 로그인을 할 수 있는 폼 입니다. User ID : User Pw :  - 기본적으로 폼 요소들은 ''태그 안에 담기게 되고, 코드 내의..

목  차 미디어의 표준화비디오 삽입( '' )오디오 삽입( '' ) 1. 미디어의 표준화- HTML5 이전에는 오디오 혹은, 비디오를 재생하기 위해 브라우저에 '플러그인(plug-in) 소프트웨어를 따로 설치해야 했지만 HTML5에서는 플러그인 없이 가능하도록 아래와 같은 태그를 표준화하였다. ※ 단, '플래시 애니메이션(.SWF)'과 같이 표준화되지 않은 미디어를 재생하기 위해서는 플러그인이 필요하며 해당 경우에는 아래와 같은 태그를 사용하게 된다.   2. 비디오 삽입( '' )- 위에서 미리 언급한 ''태그를 이용하여 브라우저에서 비디오가 재생되도록 간단한 코드를 짜보자영상출력 오류여기서 각 태그의 의미를 살펴보자면 - video : 말 그대로 비디오를 삽입하기 위해서 가장 상위에 씌워지는 태그- ..