반응형
<html lang="ko">
<head>
<meta charset="UTF-8">
<title>HTML 1일차 7 HTML3.0 기본태그3</title>
</head>
<body>
<!--
<input type="text" style="width: 200px; height: 30px;">
<br>
<input type="button" value="로그인" style="width : 100px; height: 100px;">
<!-- 단위
px : pixel (PC, mobile 둘 다 사용)
em :
in : 외국단위
inch : 외국단위
% : mobile
vh,vw : mobile
tabindex="?" : 커서에서 tab key를 누를경우 이동하는 순서를 지정한다.
-->
<form method="post" action="https://noowgnaj.tistory.com/">
<table border="1" width="550" height="120" cellspacing="0" cellpadding="0">
<tr>
<td style="width: 100;">아이디</td>
<td style="height: 40" align="center">
<input type="text" style="width: 280px; height: 30px;" tabindex="2"></td>
<td rowspan="2" width="150"; height="80"; align="center"><input type="submit"
value="로그인" style="width: 130; height: 70;" tabindex="3"></td>
</tr>
<tr>
<td>비밀번호</td>
<td width="100" height="40" align="center">
<input type="password" style="width: 280px; height: 30px;" tabindex="2"></td>
<tr>
<td colspan="3"><input type="checkbox" checked> 자동 로그인 </td>
</tr>
</table>
</form>
</body>
</html>
반응형
'Front > HTML' 카테고리의 다른 글
HTML Step9 (0) | 2022.07.08 |
---|---|
HTML Step8 (0) | 2022.07.08 |
HTML Step6 (0) | 2022.07.08 |
HTML Step 5 (0) | 2022.07.08 |
반응형 웹 과 모바일 웹의 차이, www.naver.com을 치면 발생하는것 (0) | 2022.07.07 |