Web

코딩야학(5일) - HTML 실습

광그로 2017. 6. 19. 21:52

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
<!DOCTYPE html>
<html>
  <head>
   
  </head>
  <body>
       <h1>JavaScript</h1>
 
    <ol>
        <li>JavaScript란?</li>
        <li>변수와 상수</li>
        <li>연산자</li>
    </ol>
    <h2>변수와 상수</h2>
    변수란
    <ul>
        <li>변하는 값</li>
        <li>x=10일 때 왼쪽항 ...</li>
    </ul>
  </body>
</html>
cs
<h1> </h1> : 제목
<h2> </h2> : 소제목
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
index.html
<!DOCTYPE html>
<html>
  <head>
       <h1>JavaScript</h1>
  </head>
  <body>
    <nav>
        <ol>  
            <li><a href="http://127.0.0.1/page_html.html">JavaScript란?</a></li>
                <li><a href="http://127.0.0.1/page_vc.html">변수와 상수</a></li>
                <li><a href="http://127.0.0.1/page_op.html">연산자</a></li>   
        </ol>
    </nav>
  </body>
</html>

cs


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

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

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

index.html은 main page가 되어진다.
<nav> </nav> : list가 navigation을 위한 list가 됨을 지칭
<article> </article>: 본문