HTML문법18 HTML 오디오(Audio) HTML 요소는 웹 페이지에서 오디오 파일을 재생하는 데 사용된다. HTML 오디오 동작 방식 컨트롤 속성은 재생, 일시 중지 및 볼륨과 같은 오디오 컨트롤을 추가한다. 요소를 사용하면 브라우저가 선택할 수 있는 대체 오디오 파일을 지정할 수 있다. 브라우저는 인식된 첫 번째 형식을 사용한다. 태그와 태그 사이의 텍스트는 요소를 지원하지 않는 브라우저에서만 표시된다. HTML Audio autoplay 오디오 파일을 자동으로 시작하려면 autoplay 속성을 사용한다: 아래는 autoplay 속성을 활용한 예제이다. 브라우저가 오디오 요소를 지원하지 않습니다. 아래 그림은 결과화면이다. HTML 오디오 muted 자동 재생 후 음소거를 추가하여 오디오 파일이 자동으로 재생되도록 합니다(단 음소거됨): 브.. 2023. 6. 20. HTML 자바스크립트(Javascript) JavaScript는 HTML 페이지를 보다 역동적이고 상호 작용적으로 만든다. HTML 자바스크립트의 묘미 다음은 JavaScript가 수행할 수 있는 몇 가지 예이다: 나의 처음 자바스크립트 JavaScript는 HTML 요소의 내용을 변경할 수 있습니다: Click Me! 이것은 자바스크립트 예제입니다. 자바스크립트 예제(스타일변경) JavaScript는 HTML 요소의 스타일을 변경할 수 있습니다. Click Me! [Click Me]버튼을 클릭하면, 자바스크립트(요소 스타일 변경) 여기서 JavaScript는 이미지의 src(소스) 속성 값을 변경합니다. Light On Light Off [Light off] 버튼을 클릭했을 때] [Light on] 버튼을 클릭했을 때] HTML JavaScri.. 2023. 5. 22. HTML 순서 리스트(Ordered Lists) HTML 태그는 순서 리스트를 정의한다. 순서 리스트는 숫자 또는 알파벳 순일 수 있다. HTML 순서 리스트 순서 리스트는 태그로 시작한다. 각 리스트 항목은 태그로 시작한다. 리스트 항목은 기본적으로 숫자로 표시된다: 순서 리스트 커피 차 우유 HTML 순서 리스트 - type 속성 태그의 type 속성은 리스트 항목 마커의 유형을 정의한다: type 설명 type="1" 리스트 항목의 번호는 숫자로 지정됩니다(기본값) type="A" 리스트 항목에는 대문자로 번호가 매겨집니다 type="a" 리스트 항목에는 소문자로 번호가 매겨집니다 type="I" 리스트 항목에는 대문자 로마자 번호가 지정됩니다 type="i" 리스트 항목에는 소문자 로마자 번호가 지정됩니다 숫자 순서 리스트 커피 차 우유 대문자.. 2023. 5. 15. HTML 테이블 Colspan & Rowspan HTML 테이블에는 여러 행 및/또는 열에 걸쳐 있는 셀이 있을 수 있다. HTML 테이블 - Colspan 여러 열에 걸쳐 셀 범위를 설정하려면 colspan 속성을 사용한다: 두 열에 걸쳐 있는 셀 셀 범위를 둘 이상의 열로 만들려면 colspan 속성을 사용합니다. 이름 나이 길동 홍 43 철수 이 57 참고: colspan 속성의 값은 스팬할 열 수를 나타낸다. HTML 테이블 - Rowspan 여러 행에 걸쳐 셀 범위를 설정하려면 rowspan 속성을 사용한다: 두 행에 걸쳐 있는 셀 셀 범위를 둘 이상의 행으로 만들려면 rowspan 속성을 사용합니다. 이름 길동 전화번호 555-1234 555-8745 참고: rowspan 특성의 값은 범위를 지정할 행 수를 나타낸다. 마무리 이번 글에서는 .. 2023. 5. 10. 이전 1 2 3 4 5 다음
