[방송통신대 컴퓨터과학과] HTML 웹프로그래밍 출석수업대체과제물 중간평가

소개글

"[방송통신대 컴퓨터과학과] HTML 웹프로그래밍 출석수업대체과제물 중간평가"에 대한 내용입니다.

목차

1. HTML 태그
2. 참고문헌

본문내용

1. HTML 태그
1.1. 이미지 맵의 링크 영역을 설정하는 <area> 태그
- <area> 요소는 이미지 맵의 링크 영역을 설정하고 일반적으로 <map> 요소에서 사용한다.
- 해당 요소의 속성은 shape, coords, href, alt, rel, download으로 구성된다. 즉 shape은 영역의 모양으로서 rect (사각형 초기값), circle (원), poly (다각형), default (전체 이미지)이고 coords은 영역의 모양에 따라 좌표를 지정하는 방법이 다르다 (rect: 좌측 하단과 우측 하단 좌표; circle: 중심점의 좌표와 반경; poly: 모든 모서리의 좌표, default: 지정 불가). href와 alt 및 rel 그리고 download는 각각 URL 링크, 맵이 없을 경우 대체 텍스트, 공백 구분, 다운로드 링크 지정할 수 있다.
- <area shape="rect" coords="50,50,150,150" href="map1.html" alt="사각형">
- <area shape="circle" coords="250,100,50" href="map2.html" alt="원">
- <area shape="poly" coords="400,50,450,150,350,150" href="map3.html" alt="다각형">
- <area shape="default" href="map4.html" alt="전체 이미지">

1.2. 완성된 구성을 나타내는 <article> 태그
- <artcle> 요소는 하나의 독립적인 기사를 나타낸다. 예를 들면 포럼의 게시판 게시글, 신문 기사, 블로그 기사, 댓글 등이 있다. 또한 해당 요소를 중첩 배치하면 기사에 대한 사용자 의견을 표시하고 <address> 요소를 사용하면 해당 기사에 대한 연락처를 표시할 수 있다.

참고 자료

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).