WorkspacePython/html-basic.html at master · aicoreEC/WorkspacePython · 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
36
37
38
39
40
41
42
43
44
45
46
<!DOCTYPE html> <!-- HTML  버전 정보, HTML5 -->
<!-- HTML은 Tree 구조, 계층 구조 -->
<html> <!-- HTML Root Element, html 시작 tag -->
    <head> <!-- Header 영역, 화면에 보이지 않는 영역 -->
        <meta charset="utf-8"> <!-- meta data( 값 ), 문자 인코딩 정보 -->
        <title>HTML Basic</title> <!-- 웹브라우저 타이틀 영역에 출력되는 내용 -->
    </head>
    <style>
        * { color: blue; margin: 0; padding: 0; }
        h1 { color: white; background: black; text-align: center; }
        h2 { color: red; background-color: orange; }
        h1, h2, div { margin: 10px; padding: 10px; }
    </style>
    <body> <!-- Body 영역, 화면에 보이는 영역 -->
        <h1>HTML Basic</h1>
        <hr>
        <h2>Hello World!!!</h2>
        <p>HTML은 웹 페이지의 구성을 표현한 스크립트 언어 이다.</p>
        <p>CSS는 웹 페이지를 꾸미는데 사용하는 스크립트이다.</p>
        <p>JavaScript는 사용자와의 상호 작용을 처리하는데 사용하는
            언어이다.
        </p>
        <div>
            <p>HTML은 웹 페이지의 구성을 표현한 스크립트 언어 이다.</p>
        </div>
        <div>
            <p>CSS는 웹 페이지를 꾸미는데 사용하는 스크립트이다.</p>
        </div>
        <div>
            <p>JavaScript는 사용자와의 상호 작용을 처리하는데 사용하는
            언어이다.</p>
        </div>
        <div>
            <table border=1>
                <tr>
                    <th id="choco">초콜릿</th>
                    <th id="cookie">과자</th>
                </tr>
                <tr>
                    <td name="candy">사탕</td>
                    <td>오렌지</td>
                </tr>
            </table>
        </div>
    </body>
</html> <!-- html 끝 tag -->