[W1] Study

권순재·2023년 7월 25일

Web Develop

목록 보기

2/8

[태그 특성]

div

화면 가로 끝까지 공간 차지

span

contents 크기 만큼 공간 차지

[Practices]

practice1.html

<!DOCTYPE >

<head></head>
<body>
  <img src="naver.png" alt="naverImage"/>
  <div>
    <div>
      <input type="text" />
    </div>
    <div>
      <input type="password" />
    </div>
    <div>
      <input type="button" value="로그인" />
    </div>
  </div>
  <div>
    <span>로그인 상태 유지 </span>
    <span>IP 보안 OFF</span>
  </div>
</body>

practice1 Result

로그인 상태 유지 IP 보안 OFF

practice2.html

<!DOCTYPE >

<head></head>
<body>
  <div>회원가입</div>
  <table>
    <tr>
      <td>이름</td>
      <td><input type="text" /></td>
    </tr>
    <tr>
      <td>비밀번호</td>
      <td><input type="password" /></td>
    </tr>
    <tr>
      <td>비밀번호 확인</td>
      <td><input type="password" /></td>
      <td><input type="button" value="확인" /></td>
    </tr>
    <tr>
      <td>성별</td>
      <td>
        <input type="radio" name="gender" />남자
        <input type="radio" name="gender" />여자
      </td>
    </tr>
    <tr>
      <td>생년월일</td>
      <td>
        <input type="text" />년
        <select>
          <option value="1">1</option>
          <option value="2">2</option>
          <option value="3">3</option>
        </select>
        월
        <input type="text" />일
      </td>
    </tr>
  </table>
  <div>
    <input type="button" value="가입" />
  </div>
</body>