정현희

2017.03.16

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