HTML5에서 비디오 파일이나 오디오 파일을 어떻게 재생하는지 그 태그들을 알아보자 ! 인코딩: 캠코더 및 휴대폰등 여러 장치를 이용해 비디오를 촬영해 원본 비디오를 압축해 컴퓨터에서 사용할수 있는 비디오 파일로 변환하는 과정 디코딩:비디오 파일에 저장되어 있는 비디오 정보를 가져와서 비디오 플레이어에 보여주는 과정 코덱:인코딩과 디코딩을 수행하는 것 대표적으로 WMV(Windows Media Video)라는 코덱은 원본 비디오를 윈도우의 윈도우 미디어 플레이어로 볼 수 있도록 변환해 준다. 태그- HTML5와 비디오-HTML5에서 비디오태그를 이용해서 쉽게 웹 문서에 비디오 파일을 넣을 수 있다.EX) 예를들어, HTML5 브라우저에서만 재생할 수 있는 gate.mp4파일을 다음과 같은 소스로 웹 문서..
플러그인 프로그램으로 멀티미디어 재생하기인터넷에서 음악을 듣거나 영화를 보거나 강의를 볼때 어도비 플래시나 엑티비티X등 플러그인 프로그램을 설치했을것이다. 그래야 오디오나 비디오 파일을 자유롭게 볼 수 있으니, 하지만 여러 문제점들이 많았고 악의적인 행동을 액티비티 X 에 담아서 컨트롤할 수 있었다. 이러한 불편함과 위험을 감수하면서도 플러그인을 사용하는 이유는 웹 브라우저에서 이미지를 제외한 음악이나 동영상 같은 멀티미디어를 스스로 재생할 수 없기 때문이다.HTML4에서는 웹 브라우저에서 이런 플러그인 프로그램을 불러와 멀티미디어 파일을 재생하기 위 해 태그에서는 이라는 태그를 통해 플러그인 프로그램으로 여러 가지 값을 가진 매개변수를 전달한다. 예를들어 실행 파일 경로나 전체화면 크기로 실행할지, 자..
태그 - 캡션 대상 지정하기이미지에 캡션을 붙이기 위해서는 2개의 태그가 사용된다. 1.태그를 사용해 캡션을 붙일 대상을 지정. ex)이미지,오디오,비디오 같은 미디어 파일 or 텍스트 단락 or 여러개의 미디어를 하나의 태그로 묶을 수 있다.( 하나의 캡션을 표시 가능) eX)캡션을 붙일 요소 %태그와 태그의 차이점- 태그는 인라인 태그라서 여러 개의 태그를 사용하면 계속해서 오른쪽에 표시 되지만,태그는 한줄에 하나의 figure요소를 표시한다. 태그 - 캡션 설명 붙이기2.태그를 사용해 캡션을 붙일 대상을 묶어 놓았다면 태그를 사용해 캡션을 붙을 수 있다.에 대한 스타일만 조절하면 적절한 캡션을 표시할 수 있다.eX)내용 %단순히 이미지를 묶어서 표시하고 싶다면 태그를 사용한다.
웹 문서와 이미지-웹에서 사용할 수 있는 이미지 파일 형식은 GIF-JPG나 PNG형식에 비해 파일 크기가 작지만 표시할 수 있는 색상 수가 최대 256가지뿐으로 아이콘이나 작은 이미지에 사용 투명한 배경이나 움직이는 이미지에 사용 JPG,JPEG-사진을 웹 페이지에 넣기 위해 개발된 형식 GIF에 비해 다양한 색상과 명암을 표현 디지털 카메라에서 저장하는 사진 파일은 대부분JPG 형식이다. PNG-투명 배경을 만들 수도 있고 사물이 가진 색상도 최대한 그대로 유지되기 때문에 최근에 많이 사용되는 이미지 파일 형식. 태그 -이미지 넣기웹 문서에 이미지를 삽일할 때는 태그를 사용한다. 이 태그는 인라인 태그이므로 이미지 바로 옆에 다른 요소가 나란히 배치된다. 즉 태그 같은 블로 태그는 스스로 자신만의 영..
하이퍼링크-웹상에서 텍스트나 이미지를 클릭하면 인터넷 이곳 저곳을 돌아다닐 수 있다는 점 이 연결을 해주는 것을 하이퍼링크라고 하는는데 줄여서 링크라고 한다. 태그-원하는 문서나 사이트로 연결하기 텍스트 또는 이미지 href는 링크로 연결할 웹 문서 경로나 사이트 주소를 지정한다.%href="#"은 실제로 연결되지 않는,링크 역할만 하도록 만든 가짜 링크 이런 링크를 널 링크라고 한다. 새 창 또는 새 탭에서 링크 열기-링크를 클릭하면 기본으로 현재 브라우저 창에 열리는데 외부 사이트로 연결하는 링크라면 현재 창보다 새로운 창에 열리도록 하는것이 좋다 그럴 경우에는 target="_blank"라고 target속성을 지정하면 된다.------------------------------------------..
:행 하나를 추가합니다:셀 하나를 추가합니다.:제목이 들어갈 셀을 추가합니다.:여러 줄에 걸쳐 있는 열 하나를 지정합니다.:여러 개의 col 요소를 하나의 그룹으로 묶습니다.:여러 열을 하나의 그룹으로 묶어 표의 헤더로 지정합니다.:여러 열을 묶어 표의 본문으로 지정합니다.:여러 열을 묶어 표의 푸터로 지정합니다. colspan,rowspan 속성- 행또는 열 합치기 내용 내용 태그-표에 제목 붙이기 표 제목 -캡션 태그는 태그 바로 다음에 사용해야 한다, 태그 하나에는 태그 하나만 사용한다.태그를 사용하지 않을때 태그의 summary속성을 이용해서 표의 요약 내용을 추가해야 한다.즉, 캡션태그나 summary속성 중 하나는 반드시 사용해야 한다. ,태그 -여러 열 묶기몇 개씩 열을 묶어 한꺼번에 스타일..
1.HTML은 대소문자를 구별하지 않는다2.대부분의 태그는 와 처럼 여는 태그와 닫는 태그가 하나의 쌍으로 이루어져 있다.3.나 태그처럼 닫는 태그가 없는 태그도 있다.4.적당한 들여쓰기를 한다. 탭키활용5.태그는 속성과 함께 사용된다. 즉 ,이런식으로 사용한다.ex)이미지 파일의 경로를 알려주는 src속성과 이미지의 크기를 알려주는 width속성,height속성,이미지에 보조 설명을 붙여주는 alt 속성등 여러 가지 속성들이 함께 사용된다. 6.인코딩 방식은 utf-8로 한다.한글과 영문뿐만 아니라 모든 언어를 표시할 수 있는 문자세트이다.7.특수기호 사용하기 여러 개의 공백을 나타내려면 공백을 나타내는 특수 기호를 여러 개 입력한다.따옴표를 화면서 나타..