[방통대] HTML5 기말시험(온라인평가) 과제물 (2020/2학기)_교재2장/교재5장 요소와 속성정리

소개

※ 다음 두 문제를 모두 정리하여 제출하시오.
1. [교재 2장]에서 다룬 HTML 요소 중에서 HTML5로 업그레이드되면서 새롭게 추가된 요소를 모두 찾아서 다음 조건이 만족되도록 정리하시오.(25점)

2. [교재 5장]에서 다룬 CSS 속성 중에서 다음 부류에 속하는 속성(함수)들을 모두 찾아서 다음 조건이 만족되도록 정리하시오.(45점)

목차

없음

본문내용

■ HTML5에 추가된 새요소 (아래 카테고리 분류된 요소 제외)
① <audio>
[기능] 웹브라우저에서 플러그인의 도움 없이 오디오 음악이나 오디오 파일을 명시하여 재생시켜준다.
[주요 속성] src : 경로지정 / controls : 오디오 재생도구 출력여부 / autoplay : 오디오 자동재생여부 / loop : 오디오 반복여부 / preload : 오디오 재생 전 로드할지 여부 지정 (값: none, metadata, auto)
[예시] <audio src=“todaymusic.mp3” controls=“” autoplay=“autoplay”
preload=“auto”></audio>
② <bdi>
[기능] 아랍어나, 히브리어 같이 읽는 방향이 다른 방향으로 출력되는 텍스트를 정의한다.
[예시] <bdi>اللغة العربية</bdi>
③ <canvas>
[기능] 자바 스크립트를 통해 다양한 그림, 그래픽 작업을 그릴 수 있는 공간을 제공해주는 태그이다.
[주요 속성] id : 자바스크립트에서 참고할 이름 / width : 캔버스의 넓이 지정 /
height : 캔버스의 높이지정
[예시] <canvas id=“canvas2” width=“200” height=“100”></canvas>
④ <dialog>
[기능] 다이얼로그 박스나 윈도우를 정의하며, 대화나 회화 형식을 표현한다.
[주요 속성] open : 대화상자가 활성 상태임을 나타냄.
[예시] <dialog open><p>여러분 안녕하세요!</p></dialog>
⑤ <embed>
[기능] 외부 응용프로그램이나 플러그인(plugin-in)을 HTML 문서에 삽입하는 태그이다.
[주요 속성] src : 삽입할 외부 파일주소지정 / height : 삽입 내용의 높이 / width : 삽입 내용의 너비 / type : 삽입 내용의 파일유형

참고자료

· 교재 및 강의
· http://tcpschool.com/
· https://developer.mozilla.org/