728x90
위와 같은 내용의 웹페이지를 만들어 보세요.
코드
<html>
<head>
<meta charset="utf-8">
</head>
<body>
<h1>
연습문제
</h1>
<h2>표 만들기</h2>
<table border="1">
<tr>
<th>이름</th>
<th>주소</th>
<th>성별</th>
<th>금액</th>
</tr>
<tr>
<td>유현석</td>
<td>수원시</td>
<td rowspan="2">남</td>
<td>1000원</td>
</tr>
<tr>
<td>김용민</td>
<td>시흥시</td>
<td>2500원</td>
</tr>
<tr>
<td colspan="3">합계</td>
<td>3500원</td>
</tr>
</table>
<br>
<h2>
아이디 입력받기
</h2>
<form action="http://localhost/login.php">
<p>id : <input type="text" value="default"></p>
<p>password : <input type="password"></p>
<p>
submit : <input type="submit" value="로그인">
</p>
</form>
<br>
<h2>하이퍼 링크</h2>
<ol>
<li><a href="https://www.naver.com/" target = "_blank">네이버</a></li>
<li><a href=https://www.daum.net/ target = "_blank">다음</a></li>
<li><a href="https://www.google.co.kr/ target = "_blank">구글</a></li>
<li><a href="https://www.tistory.com/ target = "_blank">티스토리</a></li>
</ol>
</body>
</html>
728x90
'HTML 기초' 카테고리의 다른 글
| [HTML 기초][HTML - label] (4) | 2021.01.04 |
|---|---|
| [HTML 기초][HTML - 버튼] (0) | 2021.01.04 |
| [HTML 기초][HTML - 선택 박스 만들기] (0) | 2021.01.04 |
| [HTML 기초][HTML - 텍스트 입력받기] (0) | 2021.01.04 |
| [HTML 기초][HTML - 입력받기] (0) | 2021.01.04 |