WebProgramming/Week2.html at main · NaEunMin/WebProgramming · 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
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Web Programming</title>
  </head>
  <body>
    <h2>Web Programming</h2>
    <nav>
      <ul>
        <li><a href="#week1">Week 1</a></li>
        <li><a href="#week2">Week 2</a></li>
        <li><a href="#week3">Week 3</a></li>
      </ul>
    </nav>
    <hr />
    <strong>웹에 관하여</strong>
    <section>
      <details>
        <summary>웹의 기본목적</summary>
        <p>임시</p>
      </details>
      <details>
        <summary>왜 Why?</summary>
        <p>임시</p>
      </details>
    </section>
    <section>
      <table border="1">
        <caption>
          <strong>Weekly Schedule</strong>
        </caption>
        <thead>
          <tr>
            <th>Week</th>
            <th>Date</th>
            <th>Contents</th>
          </tr>
        </thead>
        <tbody>
          <tr>
            <td>1</td>
            <td>Sept.2</td>
            <td>
              <ul>
                <li>강의개요</li>
                <li>웹의 개념과 구조</li>
                <li>Visual Studio Code</li>
              </ul>
            </td>
          </tr>
          <tr>
            <td>2</td>
            <td>Sept.9</td>
            <td>HTML Review</td>
          </tr>
          <tr>
            <td>3</td>
            <td>Sept.16</td>
            <td>CSS Review</td>
          </tr>
        </tbody>
      </table>
    </section>
    <ol>
      <li>
        <!--week 1 내용-->
        <a id="week1"><strong>Week 1</strong></a>
      </li>
      <ul>
        <li><a href="lecture">강의 개요</a></li>
        <li>
          <a href="visual studio code"> Visual Studio Code </a>

          <section>
            <ol>
              <!--Visual Studio Code 안 내용-->
              <li>설치</li>
              <li>
                유용한 plug-ins
                <ul>
                  <li>Material Theme</li>
                  <li>Prettier</li>
                  <li>indent-rainbow</li>
                  <li>Auto Rename Tag</li>
                  <li>HTML CSS Support</li>
                  <li>Live Server</li>
                </ul>
              </li>
              <li>EMMET</li>
            </ol>
            <!--Visual Studio Code 안 내용-->
          </section>
        </li>
      </ul>
      <hr />
      <section>
        <li>
          <!-- week2 내용-->
          <a id="week2"><strong>Week 2:HTML Review</strong></a>
        </li>
        <br />
        <br />
        <strong>Input Types</strong>
        <br />
        <br />
        <u>Check Box</u>
        <form>
          <input type="checkbox" value="1" />HTML5
          <input type="checkbox" value="2" />CSS3
          <input type="checkbox" value="3" />JavaScript
        </form>
        <br />
        <u>Radio Button</u>
        <br />
        <br />
        <input type="radio" value="1" name="Web" />HTML5<br />
        <input type="radio" value="2" name="Web" />CSS3<br />
        <input type="radio" value="3" name="Web" />JavaScript<br />
        <br />
        <u>Combo Box</u>
        <br />
        <br />
        <form>
          <select>
            <option value="1">HTML5</option>
            <option value="2">CSS3</option>
            <option value="3">JavaScript</option>
          </select>
        </form>
      </section>
      <hr />
      <section>
        <li>
          <a id="week3"><strong>Week3:CSS Review</strong></a>
        </li>
      </section>
    </ol>
    <hr />
    <footer>Copyright &copy; 2024 by Sung-Dong All Right Reserved</footer>
  </body>
</html>