방송통신대(방통대) 컴퓨터과학과 HTML웹프로그래밍 중간과제

과제정보

학과	컴퓨터과학과	학년	3학년
과목명	HTML 웹프로그래밍	자료	5건
공통	1. 주어진 HTML 요소(태그)에 대해서 다음 조건이 만족되도록 정리하시오.(15점) [HTML 요소 - header, hgroup, nav, section, article, aside, footer, mark, time, meter, progress, ruby, wbr, details, datalist, output] ① 각... 더보기 1. 주어진 HTML 요소(태그)에 대해서 다음 조건이 만족되도록 정리하시오.(15점) [HTML 요소 - header, hgroup, nav, section, article, aside, footer, mark, time, meter, progress, ruby, wbr, details, datalist, output] ① 각 요소는 주어진 순서대로 번호를 매겨서 정리한다. ② 각 요소에 대해서는 요소의 기능, 주요 속성(또는 하위 요소)의 기능, 그리고 간단한 활용 예시는 반드시 포함해서 설명해야 한다. ☞ 속성(하위 요소)이 없는 경우에는 속성(하위 요소) 설명은 생략된다. ☞ 활용 예시에는 해당 요소와 주요 속성(하위 요소)들의 사용 방법을 간단히 설명하는 정도의 예시를 포함한다. (예를 들어 <a> 태그의 href 속성의 경우: <a href=“http://www.knou.ac.kr”>방송대</a>) ☞ 요소의 속성 설명에는 기본적으로 전역 속성은 포함하지 않는다. 2. 다음과 같은 3가지 부류에 속하는 CSS 속성들을 모두 조사해서 다음 조건이 만족하도록 정리하시오.(15점) [CSS 속성의 부류 - 전환(transition)/애니메이션(키 프레임 설명 포함)/다단(multiple column)] ① 각 속성에 대해서 정리할 내용으로 속성의 기능, 속성값, 사용 방법은 반드시 포함해야 한다. ② 정리할 각 속성은 부류별로 구분하고, 각 부류별로 속성에 1번부터 번호를 매겨서 정리한다. 접기

소개글

"방송통신대(방통대) 컴퓨터과학과 HTML웹프로그래밍 중간과제"에 대한 내용입니다.

목차

1. 주어진 HTML 요소(태그)에 대해서 다음 조건이 만족되도록 정리하시오.
2. 다음과 같은 3가지 부류에 속하는 CSS 속성들을 모두 조사해서 다음 조건이 만족하도록 정리하시오. (속성의 기능, 속성값, 사용 방법은 반드시 포함, 정리할 각 속성은 부류별로 구분)

본문내용

1. 주어진 HTML 요소(태그)에 대해서 다음 조건이 만족되도록 정리하시오.
(1) header
상단에 도입부 내용이나 메뉴 등이 위치하는 구역 태그이다.
제목요소((h1>, (h2>, (h3> 등)를 사용하여 단계별 제목을 나타낼 수 있다.
[활용 예시]
(header>
(h1>컴퓨터과학과 과제물 소개 웹페이지(/h1>
(h2>과목별 소개(/h2>
(p> 출처 : https://ep.knou.ac.kr (/p>
(/header>
(2) hgroup
제목태그 (h1>~(h6>을 그룹으로 지정해준다.
[활용 예시]
(hgroup>
(h1>대분류 제목입니다.(/h1>
(h2>중분류 제목입니다.(/h2>
(h3>소분류 제목입니다.(/h3>
(/hgroup>
(3) nav
현재 페이지 내 또는 다른 페이지로 연결되는 네비게이션 링크를 나타낸다.
주로 목차나 인덱스 표현에 사용되며, 목차나 인덱스 각 부분을 클릭하면 바로 해당 컨텐츠로 갈 수 있다.
[활용 예시]
(nav>
(a href="#html">HTML알아보기(/a> |
(a href="#css">CSS알아보기(/a> |
(a href="#javascript">JavaScript알아보기(/a>
(/nav>
(a name="html">(/a>
(p>HTML은 웹페이지 제작의 기본 언어 입니다(/p>
(br>(br>
(a name="css">(/a>
(p>CSS는 웹 문서에서 다양한 꾸미기를 하기 위한 매커니즘 입니다(/p>
(br>(br>
(a name="javascript">(/a>
(p>javascript는 웹페이지에서 동작하는 프로그램을 작성하기 위한 언어 입니다(/p>
(br>(br>
(4) section
문서에서 독립적인 구획을 나타낼 때 사용하는 태그이다.
[활용 예시]
(h1>방송통신대 학과 소개(/h1>
(section>
(h2>자연과학대학(/h2>
(p> 소속학과 : 컴퓨터과학과, 통계데이터과학과, 보건환경학과, 간호학과, 농학과, 생활과학부(/p>
(p> 인기학과 소개 : IT산업시대가 오면서 컴퓨터과학과의 인기가 날로 치솟고 있음.(/p>
(/section>

참고 자료

없음