AND_END

* HTML 멀티미디어 * : 파일 형식은 .swf, .wav, .mp3, .mp4, .mpg, .wmv 및 .avi와 같은 확장자를 가집니다. * HTML 비디오 *: HTML로 비디오를 표시하려면 요소를 사용한다. controls 속성은 재생, 일지 정지 및 볼륨과 같은 비디오 컨트롤을 추가합니다.width와 height는 높이와 너비를 지정합니다. * 자동재생 * autoplay 속성을 사용한다. * HTML 오디오 *: 요소를 사용한다. controls 속성은 재생, 일시 정지 및 볼륨과 같은 오디오 컨트롤을 추가합니다. 요소를 사용하면 브라우저에서 선택할 수 있는 대체 오디오 파일을 지정할 수 있습니다. * HTML로 YouTube 동영상 재생하기 * -자동 재생

* HTML 양식 요소 * * 요소 *: type 속성에 따라 여러 가지 방법으로 표시 할 수 * 요소 *: 드롭 다운 목록을 정의합니다. Volvo Saab Fiat Audi - 요소 : 기본적으로 드롭 다운 목록의 첫 번째 항목이 선택됩니다. 미리 선택된 옵션을 정의하려면 selected 를 추가합니다. Fiat - size 표시 값 : 사용 size 표시 값의 수를 지정하는 속성 Volvo Saab Fiat Audi * 요소 *: 여러 줄 입력 필드를 정의합니다. rows 속성은 텍스트 영역의 행 수를 지정합니다. cols 속성은 텍스트 영역의 폭을 지정합니다. The cat was playing in the garden. * 요소 *: 클릭 할 수 있는 단추를 정의합니다. Click Me!// 버..

* HTML GET / POST * 양식 예제) HTML Forms First name: Last name: 실행 결과 * Action (액션) 속성 *: action 속성은 양식을 제출할 때 수행 할 작업을 정의합니다. 일반적으로 양식 데이터는 사용자가 제출 버튼을 클릭 할 때 웹 페이지로 전송됩니다. 위의 예에서 양식 데이터는 " /action_page.php" 라는 서버의 페이지로 전송됩니다. 이 페이지에는 양식 데이터를 처리하는 서버 측 스크립트가 들어 있습니다. * Target (대상) 속성 *: Target 속성은 제출된 결과가 새 브라우저의 탭, 프레임에서 열거나 현재 창에서 할 경우의 속성을 지정합니다. 기본 값 "_self" 는 양식이 현재 창에 제출됨을 의미합니다. 새 브라우저 탭에서 ..

* HTML 양식 * - form 예제를 보며 설명 드리겠습니다. 양식 예제) HTML Forms First name: Last name: * Submit 버튼을 클릭 할 시 form-data는 " /action_page.php" 로 전송될 것이다. 실행 결과 First name: Last name: * 요소 *: HTML 요소는 사용자 입력을 수집하는 데 사용되는 양식을 정의합니다. . form elements . * 요소 *: 요소는 가장 중요한 형태의 요소입니다. 요소는 여러가지 방법으로 표시 할 수 있는 유형의 속성. - 속성 예시유형기술한 줄 짜리 텍스트 입력 필드를 정의합니다.라디오 버튼을 정의합니다 (많은 선택 사항 중 하나를 선택하기 위해).제출 단추를 정의합니다 (양식 제출 용). * 텍..

* HTML id 속성 *: id 속성은 HTML 요소의 고유 ID를 지정합니다. id 값은 CSS 및 JavaScript에서 지정된 id 값을 갖는 요소에 대한 특정 작업을 수행하는 데 사용할 수 있습니다. CSS에서 특정 id를 가진 요소를 선택하려면 요소의 id 다음에 '#' 문자를 씁니다. id 값은 적어도 하나 이상의 문자를 포함해야 하며 공백 ( 공백, 탭 등) 을 포함해서는 안됩니다. EX) #myHeader { background-color: lightblue; color: black; padding: 40px; text-align: center; } My Header 실행 결과 * 클래스(class) 와 id의 차이점 *: HTML 요소는 단일 요소에 속한 하나의 고유 ID만 가질 수 있..

* HTML class * : HTML class 속성은 동일한 클래스 이름을 가진 요소에 대해 동일한 스타일을 정의하는데 사용됩니다. 따라서 동일한 class 속성을 가진 모든 HTML 요소는 동일한 형식 및 스타일을 갖습니다. EX) .cities { background-color: black; //배경 색 : black color: white; //글자 색 : white margin: 20px; //상하 좌우 모두 20px의 간격 (바깥쪽 여백) padding: 20px; //상하 좌우 모두 20px의 간격 (안쪽 여백) } // cities의 이름을 가진 클래스 사용 런던 London is the capital of England. // cities의 이름을 가진 클래스 사용 파리 Paris is..

* HTML 블록 및 인라인 요소 * * 블록 Element *: 항상 새 줄에서 시작하여 사용할 수 있는 전체 너비를 사용합니다. EX) Hello World The DIV element is a block element, and will start on a new line. 실행 결과 - HTML 블록 요소 : - * 인라인 요소 *: 인라인 요소는 새 줄에서 시작하지 않고 필요한 만큼만 너비를 차지합니다. EX) Hello World The DIV element is a block element, and will start on a new line. 실행 결과 - HTML 인라인 요소 : * 요소 *: 요소는 종종 다른 HTML 요소에 대한 컨테이너로 사용됩니다. 요소에 속성이 필요 없지만, sty..

* HTML 목록 (List) * * 순서가 정해져 있지 않은 목록: 태그로 시작하고, 각 목록의 항목은 태그를 사용합니다. 목록 항목은 기본적으로 글 머리 기호 (작은 검은 색 원)로 표시됩니다. EX) 순서가 정해져 있지 않은 목록 Coffee Tea Milk 실행 결과 - 목록 항목 마커 : disc - Sets the lists item marker to a bullet. circle - Sets the llists item marker to a circle. square - Sets the lists item marker to a square. none - The list items will not be marked. 1. disk Coffee Tea Milk 실행 결과 2. circle Cof..