yekang

HTML 실습(3) 본문

야학

HTML 실습(3)

예캉 2017. 6. 4. 21:09

사이트 완성


index.html은 대문페이지임.

그래서 http://localhost:8080/ 만 쳐도 index.html 화면과 같은 화면이 나온다.


index.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
</head>
<body>
    <header>
        <h1><a href="http://localhost:8080">JavaScript</a></h1>
    </header>
    <nav>
        <ol>
            <li><a href="http://localhost:8080/page_html.html">JavaScript란?</a></li>
            <li><a href="http://localhost:8080/page_vc.html">변수와 상수</a></li>
            <li><a href="http://localhost:8080/page_op.html">연산자</a></li>
        </ol>
    </nav>
 
</body>
</html>
cs


page_html.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
</head>
<body>
    <header>
        <h1><a href="http://localhost:8080">JavaScript</a></h1>
    </header>
    <nav>
        <ol>
            <li><a href="http://localhost:8080/page_html.html">JavaScript란?</a></li>
            <li><a href="http://localhost:8080/page_vc.html">변수와 상수</a></li>
            <li><a href="http://localhost:8080/page_op.html">연산자</a></li>
        </ol>
    </nav>
    <article>
        <h2>JavaScript란?</h2>
        JavaScript는 웹페이지를 프로그래밍적으로 제어하는 언어입니다.
    </article>
 
</body>
</html>
cs



page_vc.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
</head>
<body>
    <header>
        <h1><a href="http://localhost:8080">JavaScript</a></h1>
    </header>
    <nav>
        <ol>
            <li><a href="http://localhost:8080/page_html.html">JavaScript란?</a></li>
            <li><a href="http://localhost:8080/page_vc.html">변수와 상수</a></li>
            <li><a href="http://localhost:8080/page_op.html">연산자</a></li>
        </ol>
    </nav>
    <article>
        <h2>변수와 상수</h2>
        변수는 바뀔 수 있는 값이고, 상수는 바뀌지 않는 값입니다.
    </article>
 
</body>
</html>
cs


page_op.html

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
</head>
<body>
    <header>
        <h1><a hreaf="http://localhost:8080">JavaScript</a></h1>
    </header>
    <nav>
        <ol>
            <li><a href="http://localhost:8080/page_html.html">JavaScript란?</a></li>
            <li><a href="http://localhost:8080/page_vc.html">변수와 상수</a></li>
            <li><a href="http://localhost:8080/page_op.html">연산자</a></li>
        </ol>
    </nav>
    <article>
        <h2>연산자</h2>
        계산을 할 때 사용되는 것입니다.
    </article>
 
</body>
</html>
cs


'야학' 카테고리의 다른 글

HTML 실습(2)  (0) 2017.06.04
HTML 실습(1)  (0) 2017.06.04
web을 위한 언어 HTML  (0) 2017.06.03
프로그래밍 언어  (0) 2017.06.03
apm 제어  (0) 2017.06.03
Comments