- px: style과 같이 가용, 픽셀을 의미
- input type="button" value="로그인" style="width:100px height:100px"
- tabindex 속성은 커서가 tab키를 누를 경우 이동순서를 정할 수 있음
<html lang="ko">
<meta charset="utf-8">
<head>
<title> html 3.0 기본 </title>
</head>
<body>
<!--
<input type = "text" style="width:200px; height:30px;"><br>
<input type="button" value="로그인" style ="width:100px; height:100px;">
-->
<!-- px = pixel em,in,inch 모바일 %, vh, vw px:PC,모바일 모두 가능 -->
<!-- tabindex 속성은 커서가 tab키를 누를 경우 이동순서를 정할 수 있음 -->
<form mothod="post" action="http://nate.com">
<table border="1" cellpadding="1" cellspacing="1" width="550" heigth="120">
<tr>
<td width="100"> 아이디 </td>
<td align="center"> <input type="text" style="width:280px; heigth:30px;" tabindex="1" > </td>
<td width="130" heigth="70"rowspan="2" bgcolor="gray" align="center"> <input type="submit" value="로그인" style="width:130; height:70;" tabindex="3"> </td>
</tr>
<tr>
<td width="100">패스워드 </td>
<td align="center"><input type="password"style="width:280px; heigth:30px;" tabindex="2"> </td>
</tr>
<tr>
<td colspan="3" width="100"><input type="checkbox">자동로그인 </td>
</tr>
</table>
</form>
</body>
</html>
728x90
'JAVA > HTML' 카테고리의 다른 글
| [HTML]문법 정리9 ui,li 목차 리스트 태그, oi 숫자 리스트, span 공간오브젝트 strike 취소선 (0) | 2022.07.10 |
|---|---|
| [HTML] 문법 정리8 font-family,font-size, 이용약관 (0) | 2022.07.10 |
| [HTML]문법 정리6 select~option, textarea, cols, row, form (0) | 2022.07.09 |
| [HTML] 문법 정리5 input, type, password, checkbox (0) | 2022.07.09 |
| [HTML] 문법 정리4 bgcolor:backgroundcolor(배경색) cellspacing(바깥쪽 여백), cellpadding(안쪽 여백) (0) | 2022.07.09 |
댓글