Central-IT의 프로그래밍 이야기

HTML5 이전에서 오디오나 비디오 같은 미디어물을 재생하기 위해서는 embed라는 태그를 사용거나 플러그인을 사용하였다.하지만 HTMl5에서는 audio 태그, video 태그를 사용하여 HTML5에서 직접 재생시켜준다.이번 포스팅에서는 audio 태그와 video 태그의 사용법에 대해서 알아보자. 1.1 audio 태그 - audio 태그는 음악파일을 재생하기 위한 태그로 음악을 제어할 수 있는 속성들을 가지고 있다. - audio 태그는 닫는 태그와 함께 사용되어야하며 기본형태는 이다. - audio 태그의 속성속성 설명 src 음악 파일의 경로를 지정한다. preload 음악파일을 모두 다운로드 한 뒤 음악을 재생할 지 지정한다. (버퍼링은 없지만 초기 실행이 늦을수 있다.) autoplay 해당..

HTML에서는 다른 언어와 마찬가지로 주석기능을 제공한다.주석은 프로그램을 작성시 코드의 이해도를 높이기 위해 매우 중요하다. HTML에서는 주석은 의 형태로 사용된다. : 닫는 주석 여는 주석과 닫는 주석은 반드시 한쌍으로 다녀야한다.

태그 : 비순차 리스트 태그 : 순차 리스트 태그 : 정의 리스트 태그 : , 태그에 공통적으로 사용 # , 태그 속성 속성 모양 disc ● list circle ○ list square ■ list # 태그 속성 - , 태그에 속성을 적용하면 목록 앞에 표시되는 것들을 바꿀수 있다. 속성 속성값 설명 또는 1 숫자 (1, 2, 3) - defalut a 영어 소문자 (a, b, c) A 영어 대문자 (A, B, C) i 로마자 소문자 (ⅰ, ⅱ, ⅲ) I 로마자 대문자 (Ⅰ, Ⅱ, Ⅲ) 숫자 시작할 항목 번호를 임의로 지정 숫자 항목 번호를 중간에 바꾸는 경우 예시)

HTML 기호와 특수문자의 혼동을 방지를 위해 만듬 문자 문자출력 코드 숫자(아스키) 코드 설명 &#160 공백문자 & & & 엔드 " " " 인용마크 “ “ “ 겹따옴표 시작 ” ” ” 겹따옴표 끝 ‘ ‘ ‘ 홑 따옴표 시작 &rsquo ’ ’ 홑 따옴표 끝 · · · 중간점 ° ° ° 각도 > > 보다 큰 © © © 저작권 ® ® ® 등록

HTML에서는 복수의 공백을 기입하더라도 하나의 공백으로만 인식한다.그래서 사용자는 등을 사용한다.사용자가 복수의 공백등을 넣기 편리한 태그가 있다.바로 , 태그이다. 태그 : 사용자가 입력한 엔터, 다수의 공백 등을 그대로 출력해준다.부분적으로 태그의 사용도 가능하다. 태그 : 사용자가 입력한 엔터, 다수의 공백 등을 그대로 출력해준다. 태그와 달리 태그 또한 문자로 취급하여 그대로 출력해준다.

img 태그는 이미지를 넣는 태그이다.img 태그의 속성으로는 src, alt, width, height, border가 있다. 의 형태로 사용한다. 속성 설명 src 이미지의 경로 지정 alt 이미지의 설명(마우스를 이미지 상단에 위치시켰을 때) width 가로크기 설정 height 세로크기 설정 border 이미지의 테두리 설정(px, %사용) align 이미지 정렬(left, right)

font 태그의 속성으로는 size, color, face가 있다. 속성 설명 size 글자의 크기를 지정하며 크기는 1~7까지 존재한다. color 글자의 색을 지정하며 red, skyblue 등 색상명으로 작성 가능하며, #2F2F2F와 같은 RGB방식의 코드값 사용도 가능하다.face 글꼴의 지정 프로그래밍 이야기프로그래밍 이야기프로그래밍 이야기face 속성 : 글꼴을 지정할 수 있게 해주는 속성이다. 프로그래밍 이야기 : 글자를 두껍게(bold) 처리프로그래밍 이야기 : 글자를 기울임 처리프로그래밍 이야기 : 글자를 기울임 처리프로그래밍 이야기 : 글자에 취소선 삽입프로그래밍 이야기 : 글자에 밑줄 삽입프로그래밍 이야기 (Ab) : 글자를 윗첨자로 처리프로그래밍 이야기 (Ab) : 글자를 아래첨자..

h태그는 제목태그로서 1부터 6까지 존재하며 제목의 형태로 사용한다. ~ 제목 제목 제목 제목 제목 제목 h1이 가장크고 h6가 가장 작다.

내용입력 거의 모든태그는 태그의 시작과 끝을 넣어야한다.