LifeCoding/box.html at master · kuku-kun/LifeCoding · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" type="text/css" href="./box.css"/>
    <title>Document</title>
</head>
<body><h1><a href="index.html">WEB</a></h1>
    <ol>
      <li><a href="1.html">HTML</a></li>
      <li><a href="2.html" style="color:black">CSS</a></li>
      <li><a href="3.html" style="text-decoration:underline">JavaScript</a></li>
    </ol>
    <h2>CSS</h2>
    <p>
      Cascading Style Sheets (<a href="2.html">CSS</a>) is a style sheet language used for describing the presentation of a document written in a markup language.
    </p>
    <h2>CSS2</h2>
    <h2>CSS2</h2>
<!--
    제목태그와 링크태그가 차지는 영역이 서로 다르다.
    그건 태그의 역할에 따라 필요한 영역을 태그로 미리 뽑은 것!
    => 화면 전체 사용하는 태그 == block level element
       자신의 콘텐트만큼만 사용하는 태그(부분 적용) == inline element
       의미상) element == tag
       -> 이러한 영역 차지는
       'display'라는 preperty를 통해 바꿀 수 있다!
       그저 기본값으로 태그 안에 설정되어 있는 것
       ex) display : none - 안보이게 함
           display : block - block으로 영역 설정
-->
</body>
</html>