css8-1.html

<!doctype html>
<html>
<head>
<title>What is WEB?</title>
<meta charset="utf-8">
<style>
  a {
    color:black;
    text-decoration: none;
  }
  h1 {
    font-size:3em;
    text-align: center;
    border-bottom: gray 5px solid;
    margin:0px;
    padding:20px;
  }
  div {
    margin:0px;
    padding:5px;
  }
  .saw {
    color:gray;
  }
  #active{
    color:red;
  }

@media(min-width:800px)
{
   #grid{
     display:grid;
     grid-template-columns: 200px 1fr;
     padding:0px;
   }
   #chart{
     border-right: gray solid 5px;
     padding:10px;
   }
 }




  </style>

<body>
  <h1>What is WEB?</h1>
<div id="grid">
  <div id="chart">
<ol>
 <li><a href="7. Complete.html" class="saw">html</a></li>
 <li><a href="7-1. document construction.html">javascript</a></li>
 <li><a href="7-2. Complete.html" class="saw" id="active">css</a></li>
</ol>

<ul>
  <li>Yeonu Kim</li>
  <li>Junghwa Kim</li>
  <li>Yonghee Kim</li>
  <li>Inu Kim</li>
</ul>
</div>

<div>
<h3>HTML</h3>

<p>
<br><a href="https://www.w3.org/TR/html5/" target=_self title="Definition of Html">html</a>은 <strong><u>웹문서</u>를 만들기 위하여</strong> 사용하는
<br>기본적인 웹 언어의 한 종류이다.
</p>
<p style="margin-top:45px;">
<img src="https://s3-ap-northeast-2.amazonaws.com/opentutorials-user-file/module/3135/7648.png"
width="30%">
<p style="margin-top:45px;">
<p>
웹 서버에 html 문서를 저장하고 있다가
<br>클라이언트가 특정 html 페이지를 요청하면
<br>해당 html 문서를 클라이언트로 전송한다.
</p>
</div>
</div>
</body>
</html>