실습문제 3-4

WEB/TRAINNING

너래쟁이 2017. 11. 4. 19:24

4. <details> 태그와 <summary> 태그를 이용하여 다음과 같은 웹 페이지를 작성하라.

똑같이 하든지 이와 유사한 페이지를 작성해도 된다.

<!DOCTYPE html>

<html>

<head>

<title>웹 프로그래밍 개요</title></head>

<body>

<h1>웹 프로그래밍 개요</h1>

<hr>

<details>

   <summary>웹의 기본 목적</summary>

   <p>웹의 기본 목적은 한 컴퓨터에서 만든 문서(document)를 다른 컴퓨터에서 쉽게 볼 수 있도록 하는 것이다.</p>

</details>

<details>

   <summary>왜 Web인가?</summary>

   <p>전 세계의 컴퓨터들을 인터넷으로 거미줄처럼 연결하고 웹 문서를 쉽게 주고받을 수 있도록 시스템을 만들고 WWW(World Wide Web) 간단히 줄여 웹(Web)이라고 부른다.</p>

</details>

<details>

   <summary>웹 페이지를 구성하는 3 요소</summary>

<p>

       <ul>

           <li>HTML - 문서의 구조와 내용

           <li>CSS(Cascading Style Sheet) - 문서의 모양

           <li>Javascript - 행동 및 응용 프로그램

       </ul>

   </p>

</details>

</body>

</html>