(방송통신대 HTML웹프로그래밍 중간과제물)주어진 HTML 요소(태그)에 대해서 다음 조건이 만족되도록 정리하시오 다음과 같은 3가지 부류에 속하는 CSS 속성들을 모두 조사해서 다음 조건이 만족하도록 정리하시오

  • 등록일 / 수정일
  • 페이지 / 형식
  • 자료평가
  • 구매가격
  • 2022.03.03 / 2022.03.03
  • 16페이지 / fileicon hwp (아래아한글2002)
  • 평가한 분이 없습니다. (구매금액의 3%지급)
  • 15,000원
다운로드장바구니
Naver Naver로그인 Kakao Kakao로그인
최대 20페이지까지 미리보기 서비스를 제공합니다.
자료평가하면 구매금액의 3%지급!
이전큰이미지 다음큰이미지
방송통신대 과제물 정보
개설학과 컴퓨터과학과 개설학년 3학년 교과목명 HTML웹프로그래밍
공통 1. 주어진 HTML 요소(태그)에 대해서 다음 조건이 만족되도록 정리하시오.(15점)

2. 다음과 같은 3가지 부류에 속하는 CSS 속성들을 모두 조사해서 다음 조건이 만족하도록 정리하시오.(15점)

(자세한 과제내용 방통대 공고를 확인하세요.)
하고 싶은 말
과제물의 문제에 적합한 형식과 내용으로 정성을 다해 작성했습니다.
여러 참고자료를 바탕으로 주요내용을 최대한 이해하기 쉽고 알차게 정리했습니다.
리포트를 효율적으로 작성하시는 데 작은 도움이라도 되시기를 진심으로 바랍니다.^^

문단 모양(왼쪽 여백 0, 오른쪽 여백 0, 줄간격 130%)
글자 모양(맑은고딕, 장평 100%, 크기 11 pt, 자간 0%)

행복하세요, Now!
목차
1. 주어진 HTML 요소(태그)에 대해서 다음 조건이 만족되도록 정리하시오.(15점)
1) header
① 요소의 기능 ② 주요 속성(또는 하위 요소)의 기능 ③ 활용 예시
2) hgroup
① 요소의 기능 ② 주요 속성(또는 하위 요소)의 기능 ③ 활용 예시
...... 생략 ......
16) output
① 요소의 기능 ② 주요 속성(또는 하위 요소)의 기능 ③ 활용 예시

2. 다음과 같은 3가지 부류에 속하는 CSS 속성들을 모두 조사해서 다음 조건이 만족하도록 정리하시오.(15점)

1) 전환(transition)
(1) transition-property
① 속성의 기능 ② 속성값 ③ 사용방법
...... 생략 .....
(5) transition
① 속성의 기능 ② 속성값 ③ 사용방법

2) 애니메이션(키 프레임 설명 포함)
(1) 키프레임
① 속성의 기능 ② 속성값 ③ 사용방법
...... 생략 ......
(10) animation
① 속성의 기능 ② 속성값 ③ 사용방법

3) 다단(multiple column)
(1) column-count
① 속성의 기능 ② 속성값 ③ 사용방법
...... 생략 ......
(10) column-fill
① 속성의 기능 ② 속성값 ③ 사용방법

3. 참고문헌
본문내용
1. 주어진 HTML 요소(태그)에 대해서 다음 조건이 만족되도록 정리하시오.(15점)

1) header
① 요소의 기능
페이지나 섹션의 머리말을 나타내는 요소로 사이트 이름, 로그인, 회원가입, 사이트맵 등 웹사이트의 모든 곳에서 이용할 수 있는 링크를 담는다. 한 문서에 2개 이상의 header가 올 수 있다.
② 주요 속성(또는 하위 요소)의 기능
h1~h6 요소나 hgroup 요소로 표시되는 제목을 넣어서 사용하는 것이 일반적이다. 또한 섹션의 목차, 검색 폼, 관련 로그 등 섹션의 개요나 네비게이션에 도움이 되는 요소도 넣을 수 있다. header 요소는 section, header, footer 요소를 포함할 수 없지만, section이나 article 요소 내에서 머리글이나 바닥글 역할을 할 수 있다.
③ 활용 예시
<body><header>
<h1>HTML웹프로그래밍 매뉴얼</h1>
<p>HTML5의 사용법을 소개합니다.</p>
</header></body>

2) hgroup
① 요소의 기능
제목의 그룹화, 즉 제목과 부제목을 묶어서 나타내는 요소로 h1~h6 요소들을 그룹짓기 위해 사용된다. section 요소에서 제목과 부제목을 나타내기 위해 서로 다른 레벨의 헤딩 요소를 사용할 경우 이 요소를 사용하면 된다.
② 주요 속성(또는 하위 요소)의 기능
이 요소에는 h1~h6 요소들만 올 수 있다.
③ 활용 예시
<header> <hgroup> <h2>제목</h2> <h3>부제목</h3> </hgroup> </header>
참고문헌
이관용(2017). HTML웹프로그래밍. 한국방송통신대학교출판문화원.
이관용(2018). HTML5. 한국방송통신대학교출판문화원.
임효성(2021). (비전공자를 위한)첫 코딩 챌린지 : HTML5, CSS3. 골든래빗.
ANK Co.,Ltd.(2018). HTML5 & CSS3 사전. 성안당.
에릭 마이어, 에스텔 웨일(2021). CSS 완벽 가이드. 웹액츄얼코리아.
자료평가
    아직 평가한 내용이 없습니다.
회원 추천자료
  • [졸업][경영정보] UML기반의 XML EDI 시스템설계 및 구현
  • HTML이 주로 사용되어 왔으나 최근에는 XML을 주요 언어로 다수의 사이트 및 각종 애플리케이션이 구축되고 있다. 이렇게 XML이 각광을 받게 된 원인은 인터넷 비즈니스가 발전하면서 웹 에이전트가 읽고, 교환하고 작업하기 편한 구조화된 정보(Structured Information)가 필요하기 때문이다. XML은 구조화된 문서의 구조를 정의하는 마크업 언어(Markup Language)라 할 수 있다. XML은 1996년 W3C(World Wide Web Consortium)에 의해서 처음 제안되었으며, 태그를 자유롭게 정의할

  • [인터넷비즈니스] ML에 대해서
  • 대해서 유효하지 않은 문서를 말한다. 이 개념이 XML에 제공되는 것은 DTD를 읽는 데에는 시간과 대역폭이 필요하고 XML문서를 DTD에 대해서 검사하는 것은 더 많은 시간이 필요하기 때문이다. 만일 XML문서의 서버가 이미 그 문서가 모두 유효하며 손상되지 않았다는 것을 보장한다면 각각의 클라이언트가 동일한 일을 하게 되는 것은 불필요하기 때문이다. 다음의 조건을 만족하는 텍스트 객체는 잘 구성된(well-formed) XML 문서이다 전체적으로 문서의 양

  • XML이란 레포트
  • 같은 파일 유형)을 의미한다. 이러한 표시법이 이진개체와 텍스트 개체를 구별하는 특징중의 하나가 된다. XML에 대한 인스턴스를 작성하는데 Extensible Markup Language라는 문구가 많이 들어간다고 가정했을 때 XML에 대한 엔티티를 14와 같이 작성하고 실제 인스턴스에서는 &XML;을 써넣으면 인스턴스를 프로세서가 읽어 들일 때 XML이라는 이름의 엔티티를 Extensible Markup Language로 대치시킨다.매개 변수 엔티티는 XML 문서 내부에서는 사용될 수 없고 DTD내부

  • [XML] XML의 발전배경, 역사, 구성과 XML의 장단점, XML 관련 프로그램 및 향후 XML의 전망 심층 분석
  • 거의 모든 산업에서 비즈니스 교환을 위한 기본 매체로 EDI 시스템을 빠르게 대체될 것이다.참고문헌정지훈, 웹서비스, 한빛미디어, pp 80-97조은경 외(1997), S-HTTP 기반의 안전한 웹 시스템 개발, 정보처리학회논문지 제4권 9호 pp2354˜2365David Hunter 외 5명, Beginning XML, 정보문화사Frank Boumphery외 12명(1998), XML Application, Wrox PressRapsodies XML Resource, http://user.chollian.net/~rapsodie/main.htmlSteven Holzner, Inside XML, 디지털북스Steven Holzner, 문일보 역, 알기쉬운 XML

  • [프로그래밍] 웹 프로그래밍 언어의 종류(10)
  • 같은 여러 유명한 유닉스 기능을 포함하는 스크립트 프로그래밍 언어이다. Perl은 실행직전에 C 또는 다양한 플랫폼에 적용가능한 바이트코드로 컴파일 될 수 있는 인터프리터형 언어이다. 일단 컴파일되면, Perl 프로그램은 거의 미리 컴파일 된 C 프로그램만큼이나 빠르다. Perl은 훌륭한 텍스트 처리 기능들을 가지고 있기 때문에 주로 CGI 프로그램을 개발하는데 많이 사용된다. Perl은 래리 월이 만들었다. 일반적으로, Perl은 보다 구조적인 C나 C++ 언어들

오늘 본 자료 더보기
  • 오늘 본 자료가 없습니다.
  • 최근 판매 자료
    저작권 관련 사항 정보 및 게시물 내용의 진실성에 대하여 레포트샵은 보증하지 아니하며, 해당 정보 및 게시물의 저작권과 기타 법적 책임은 자료 등록자에게 있습니다. 위 정보 및 게시물 내용의 불법적 이용, 무단 전재·배포는 금지됩니다. 저작권침해, 명예훼손 등 분쟁요소 발견시 고객센터에 신고해 주시기 바랍니다.
    사업자등록번호 220-06-55095 대표.신현웅 주소.서울시 서초구 방배로10길 18, 402호 대표전화.02-539-9392
    개인정보책임자.박정아 통신판매업신고번호 제2017-서울서초-1806호 이메일 help@reportshop.co.kr
    copyright (c) 2003 reoprtshop. steel All reserved.