방송통신대학교 HTML웹프로그래밍 과제

소개글

"방송통신대학교 HTML웹프로그래밍 과제"에 대한 내용입니다.

목차

1. area
2. article
3. aside
4.bdi
5. bdo
6. data
7. details
8. dialog
9. footer
10. figure
11. figcaption
12. header
13. ins 와 del
14. Link
15. map
16. mark
17. meta
18. meter
19. nav
20. output
21. picture
22. progress
23. ruby, rp, rt
24. Section
25. script
26. summary
27. time
28. wbr

본문내용

1. area
1) 기능: 이미지맵의 영역을 지정
2) 주요속성
➊ shape: 영역 형태 지정
◦ default : 화면전체
◦ rect : 사각형
◦ circle : 원형
◦ poly : 다각형
➋ coords: 영역 좌표 지정
◦ shape속성값이 rect일때 : 왼쪽위의 XY좌표와 오른쪽아래 XY좌표
◦ shape속성값이 circle일때 : 중심의 XY좌표와 반경
◦ shape속성값이 poly일때 : 첫번째 각 XY좌표, 두번째각 XY좌표, 세번째각 XY좌표
➌ href: 해당영역 클릭시 이동할 주소 지정
➍ alt: 영역을 설명할 대체 텍스트 지정

<중 략>

14. Link
1) 기능: 연결
2) 주요속성
➊ href: 하이퍼링크의 주소
➋ crossorigin — 관련된 이미지의 페칭이 CORS를 통해 수행되어야하는지 아닌지를 결정.
➌ rel: 링크된 대상과의 관계를 지정하는 것으로 arial, link, a 요소에 사용.
➍ media — 적용되는 미디어 표시
➎ nonce — 콘텐츠 보안 정책(CSP3) 확인을 위해 사용
➏ hreflang — 링크된 리소스의 언어
➐ type — 링크된 콘텐츠의 유형을 결정하는 데 사용. 속성의 값은 MIME타입이어야 함.
➑ sizes — 아이콘들의 크기 (for rel="icon")

참고 자료

고경희(2017). Do it! HTML5 + CSS3. 이지 퍼블리싱: 서울.
김인권(2018). 모두의 HTML5 + CSS3. 길벗: 서울.
양용석(2019). 백견불여일타 HTML5 & CSS3. 로드북: 서울.
황재호(2018). Hello Coding HTML5 + CSS3. 한빛미디어: 서울.