정현희 / WS

Go to a project
Toggle navigation Toggle navigation pinning
정현희
ac927e95 0 parents

2017.03.16

Inline Side-by-side
Showing 8 changed files with 280 additions and 0 deletions
1 +<html>
2 +<body>
3 + <h1><meta charset="utf-8">큰 제목</h1>
4 + <p>
5 + 이것은 나의 첫 HTML문서입니다. <br/>
6 + <!--<img src="/images/dog.png"/> <!--<br/>-->
7 + <img src="http://download.xpressengine.com/xedownload/app/22753814/thumbnails/md.png"/> <!--URL로 이미지를 넣음-->
8 + <span style="color:red">
9 + 빨간 글씨 속에
10 + <b>두꺼운 글씨</b>가 있습니다.
11 + </br>log<sub>10</sub><sup>2</sup>
12 + </span>
13 + </p>
14 + <p>두번째 단락입니다.<br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/><br/></p>
15 + <a href="#top">처음으로 가기</a>
16 +</body>
17 +</html>
1 +<html>
2 +<meta charset="utf-8">
3 +<title>실습3</title>
4 + <body>
5 + <table border="1">
6 + <caption>홈런순위</caption>
7 + <!--표의 제목같은 역할--><thead>
8 + <tr>
9 + <th>이름</th>
10 + <th>홈런</th>
11 + </tr>
12 + </thead>
13 + <!--표의 제목같은 역할-->
14 + <tbody>
15 + <tr>
16 + <td>이대호</td>
17 + <td>41</td>
18 + </tr>
19 +
20 + <tr>
21 + <td>최진행</td>
22 + <td>27</td>
23 + </tr>
24 +
25 + <tr>
26 + <td>홍성은</td>
27 + <td>26</td>
28 + </tr>
29 + </tbody>
30 +
31 + <tfoot>
32 + <tr>
33 + <th colspan="2">2010-08-22</th>
34 + </tr>
35 + </tfoot>
36 + </table>
37 + </body>
38 +</html>
1 +<html>
2 +<meta charset="utf-8"><title>예제3</title>
3 +<body>
4 + <p>
5 + <form action="/update.php" method="post"><!--수행버튼을 눌렀을 때 update.php를 실행하라는 의미지만 현재 이 파일이 없으므로 아무 일도 일어나지 않는다.-->
6 + <input type="hidden" name="type" value="user"/><!--화면에 보이진 않고 유저에 대한것임을 서버에 알려줌-->
7 + 아이디 : <input type="text" name="name" size="10"/><!--name = 번수이름, size = 창의크기-->
8 + <input type="button" value="중복조회"/> <br/>
9 +
10 + 비밀번호 : <input type="password" name="pwd" size="10"/><br/>
11 +
12 + 성별:
13 + <input type="radio" name="sex" value="m"/>남
14 + <input type="radio" name="sex" value="f"/>여<br/>
15 +
16 + 취미:
17 + <input type="checkbox" name="hobby" value="book"/>독서
18 + <input type="checkbox" name="hobby" value="movie"/>영화감상
19 + <input type="checkbox" name="hobby" value="music"/>음악감상<br/>
20 +
21 + 사진:<input type="file" name="photo"/><br/>
22 +
23 + 주소:<select name="address">
24 + <option value="seoul">서울</option>
25 + <option value="busan">부산</option>
26 + <option value="etc">기타</option>
27 + </select><br/>
28 +
29 + 소개:<br/>
30 + <textarea cols="30" rows="5" name="intro"></textarea> <br/>
31 +
32 + <input type="submit" value="전송!"/>
33 + </form>
34 + </p>
35 +</body>
36 +</html>
1 +<html>
2 +<title>실습1</title>
3 + <body>
4 + <meta charset="utf-8">
5 + <a href="http://www.khu.ac.kr">경희대학교</a><br/>
6 + 컴퓨터공학과<br/>
7 + 4학년<br/>
8 + 2013104114<br/>
9 + 정현희<br/>
10 + </body>
11 +</html>
1 +<html>
2 +<title>실습2</title>
3 +<body>
4 + <h1><a href="https://namu.wiki/w/%EB%B9%85%EB%B1%85"><meta charset="utf-8">빅뱅</a></h1>
5 + <p>
6 + <img src="http://pds21.egloos.com/pds/201502/10/79/b0215379_54da13e304e3e.jpg"/> <!--URL로 이미지를 넣음-->
7 + <ul>
8 + <li>구성원</li>
9 + <ul>
10 + <li>지드래곤</li>
11 + <li>태양</li>
12 + <li>탑</li>
13 + <li>대성</li>
14 + <li>승리</li>
15 + <br/>
16 + </ul>
17 + <li>설명</li>
18 + 2006년에 힙합 그룹으로 데뷔 한 YG엔터테인먼트 대표 아이돌이다.<br/>
19 + 2007년 10대들의 패션과 이후 쏟아져나온 아이돌 그룹의 컨셉에 크게 영향을 준 그룹이다.<br/>
20 + 힙합 컨셉을 정면으로 들고 나와 큰 성공을 거뒀다.<br/><br/>
21 + <li>소속사 : <a href = "http://www.ygfamily.co.kr/" target="_blank">YG entertainment</a></li> <!--target="_blank"의 의미 : 새 탭에 띄운다.-->
22 + <br/>
23 + <li>앨범</li>
24 + <ol>
25 + <li>Always</li>
26 + <li>Hot Issue</li>
27 + <li>Stand Up</li>
28 + </ol>
29 + </ul>
30 + </p>
31 +</body>
32 +</html>
1 +<html>
2 +<meta charset="utf-8">
3 +<title>실습3</title>
4 + <body>
5 + <table border="1">
6 + <!--표의 제목같은 역할-->
7 + <thead>
8 + <tr>
9 + <th>분류</th>
10 + <th>제품명</th>
11 + <th>단가</th>
12 + <th>수량</th>
13 + <th>금액</th>
14 + </tr>
15 + </thead>
16 + <!--표의 제목같은 역할-->
17 +
18 + <!--공산품-->
19 + <tbody>
20 + <tr>
21 + <td rowspan="3">공산품</td>
22 + <td>iPhone</td>
23 + <td>900,000</td>
24 + <td>2</td>
25 + <td>1,800,000</td>
26 + </tr>
27 +
28 + <tr>
29 + <td>LED TV</td>
30 + <td>3,000,000</td>
31 + <td>3</td>
32 + <td>9,000,000</td>
33 + </tr>
34 +
35 + <tr>
36 + <td colspan="3">소계</td>
37 + <td>10,800,000</td>
38 + </tr>
39 + <!--공산품-->
40 +
41 + <!--농산품-->
42 + <tr>
43 + <td rowspan="2">농산품</td>
44 + <td>인삼</td>
45 + <td>10,000</td>
46 + <td>200</td>
47 + <td>2,000,000</td>
48 + </tr>
49 +
50 + <tr>
51 + <td colspan="3">소계</td>
52 + <td>2,000,000</td>
53 + </tr>
54 + <!--농산품-->
55 +
56 + <!--합계-->
57 + <tr>
58 + <td colspan="4">합계</td>
59 + <td>12,800,000</td>
60 + </tr>
61 + <!--합계-->
62 + </tbody>
63 +
64 + <!--합계 (두꺼운글자로 나옴)
65 + <tfoot>
66 + <tr>
67 + <th colspan="4">합계</th>
68 + <th>12,800,000</th>
69 + </tr>
70 + </tfoot>
71 + 합계-->
72 + </table>
73 + </body>
74 +</html>
1 +<html>
2 +<meta charset="utf-8">
3 +<title>실습3</title>
4 + <body>
5 + <table border="0">
6 + <!--표의 제목같은 역할-
7 + <thead>
8 + <tr>
9 + <th>분류</th>
10 + <th>제품명</th>
11 + <th>단가</th>
12 + <th>수량</th>
13 + <th>금액</th>
14 + </tr>
15 + </thead>
16 + <표의 제목같은 역할-->
17 +
18 + <!--아이디-->
19 + <tbody>
20 + <tr>
21 + <td>아이디</td>
22 + <td colspan="3"><input type="text" name="_id" size="10"/>
23 + <input type="button" value="중복조회"/></td>
24 + </tr>
25 +
26 + <!--비밀번호-->
27 + <tr>
28 + <td>비밀번호</td>
29 + <td><input type="password" name="pwd" size="10"/></td>
30 + <td>확인</td>
31 + <td><input type="password" name="pwdCheck" size="10"/></td>
32 + </tr>
33 +
34 + <!--이름-->
35 + <tr>
36 + <td>이름</td>
37 + <td colspan="3"><input type="text" name="name" size="10"/></td>
38 + </tr>
39 +
40 + <!--이메일-->
41 + <tr>
42 + <td>이메일</td>
43 + <td colspan="3"><input type="text" name="email" size="10"/></td>
44 + </tr>
45 +
46 + <!--성별-->
47 + <tr>
48 + <td>성별</td>
49 + <td colspan="3"><input type="radio" name="sex" value="m"/>남
50 + <input type="radio" name="sex" value="f"/>여</td>
51 + </tr>
52 +
53 + <!--지역-->
54 + <tr>
55 + <td>지역</td>
56 + <td colspan="3">
57 + <select name="address">
58 + <option value="seoul">서울</option>
59 + <option value="busan">부산</option>
60 + <option value="etc">기타</option>
61 + </select></td>
62 + </tr>
63 +
64 + <!--약관동의-->
65 + <tr>
66 + <td colspan="4"><input type="checkbox" name="agree" value="agree"/>약관에 동의합니다.</td>
67 + </tr>
68 + </tbody>
69 + </table>
70 + <input type="submit" value="회원가입"/>
71 + </body>
72 +</html>