JAVA/HTML

[HTML] 문법 정리7 px: style, tabindex

java나유 2022. 7. 10. 00:29
  • px: style과 같이 가용, 픽셀을 의미
  • input type="button" value="로그인" style="width:100px height:100px"
  • tabindex 속성은 커서가 tab키를 누를 경우 이동순서를 정할 수 있음
html 3.0 기본
아이디
패스워드
자동로그인

 

<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
저작자표시 비영리 변경금지 (새창열림)