[방송통신대 컴퓨터과학과] HTML5 기말과제물

목차

1. HTML 신규 요소
2. CSS 속성
3. 참고문헌

본문내용

1. HTML5 신규 요소
1.1. article
기능 : 이미지 맵의 링크 영역을 설정하고 일반적으로 <map> 요소에서 사용한다.
shape (영역의 모양; {rect: 사각형, 초기값, circle: 원, poly: 다각형, default: 전체 이미지}), coords (영역의 모양에 따라 좌표를 지정하는 방법; {rect: 좌측 하단과 우측 하단 좌표; circle: 중심점의 좌표와 반경; poly: 모든 모서리의 좌표, default: 지정 불가}), href (URL 링크, 맵이 없을 경우)와 alt (대체 텍스트), rel (공백 구분), download (다운로드 링크 지정)
예시 : <area shape="rect" coords="50,50,150,150" href="map1.html" alt="사각형">

1.2. aside
기능 : 본문과 관계가 있으나 본론에서 벗어난 내용을 나타내는 데 사용한다. 추가 정보 (본문을 보충하는 기사/정보), 여담 (본론에서 벗어난 정보), 용어 설명 (본문 중의 용어에 대한 설명)뿐만 아니라 윙 배너 및 광고 분야에서도 사용한다.
예시 : aside여담 /aside

1.3. audio
기능 : 음성을 재생하는 데 사용합니다.
속성 : src (음성 파일 지정), preload (음성 미리 읽기; auto, metadata, none), autoplay (음성 자동 재생), loop (반복 재생 지정), controls (인터페이스 표시)
예시 : audio src = "sample/sample.ogg" controls

1.4. bdi
기능 : 고립된 텍스트를 나타낸다. 이러한 텍스트는 주위의 글씨 방향에 영향을 미치지 않는다. 또한 해당 요소는 글씨 방향이 혼재하는 곳에서 사용할 수 있다.

참고 자료

한국방송통신대학교출판문화원. (2018). “HTML5”, 교재 1-5장.
TAG index. (2012). “HTML5”, https://www.tagindex.com/html5 (accessed April 21, 2019).
MDN web docs. (2015). “개발자를 위한 웹 기술”, https://developer.mozilla.org/ko/docs/Web (accessed April 21, 2019).