dl-용어를 설명하는 목록을 만든다
dt-용어의 제목을 넣을 때 사용
dd-용어를 설명하는 데 사용
<div>줄바꿈 됨
<span>줄바꿈 되지않음
둘 다 특별한 기능은 없음
<p>문장의 단락을 표시하는 태그
<div>영역을 나누는 태그. 어떤 영역을 div태그로 묶어 블록단위로 정의하는 것
<table> 표를 나타내는 태그
<tr>내부의 행
<th>table header
<td>table data
<!DOCTYPE html>
<html lang="ko" dir="ltr">
<head>
<meta charset="utf-8">
<title>회원가입 step1</title>
</head>
<body>
<h1>NAVER</h1>
<form>
<article>
<dl>
<dt>
<input type="checkbox" name="ch1"><span>네이버 이용약관, 개인정보 수집 및 이용, 위치정보 이용약관(선택), 프로모션 정보 수신(선택)에 모두 동의합니다.</span>
</dt>
</dl>
</article>
<article>
<dl>
<dt>
<input type="checkbox" name="ch2"><span>네이버 이용약관 동의</span><span class="check-item">(필수)</span>
</dt>
<dd>이용약관...</dd>
</dl>
</article>
<article>
<dl>
<dt><input type="checkbox" name="ch3"><span>개인정보 수집 및 이용 동의</span><span class="check-item">(필수)</span><a href="#">어린이용 안내</a>
</dt>
<dd>이용약관...</dd>
</dl>
</article>
<article>
<dl>
<dt>
<input type="checkbox" name="ch4"><span>위치정보 이용약관 동의</span><span class="check-item">(선택)</span>
</dt>
<dd>이용약관...</dd>
</dl>
</article>
<article>
<dl>
<dt>
<input type="checkbox" name="ch5"><span>프로모션 정보 수신 동의</span><span class="check-item">(선택)</span>
</dt>
<dd>네이버에서 제공하는 이벤트/혜택 등 다양한 정보를...</dd>
</dl>
</article>
<div class="btn-group">
<button type="reset">취소</button>
<button type="submit">확인</button>
</div>
</form>
<footer>
<p>회사, 동아리 등 단체에서 사용할 ID가 필요하세요? <a href="#">단체 회원 가입</a></p>
<table>
<tr>
<td><a href="#">이용약관</a></td>
<td><a href="#"><strong>개인정보처리방침</strong></a></td>
<td><a href="#">책임의 한계와 법적고지</a></td>
<td><a href="#">회원정보</a></td>
</tr>
</table>
© NAVER Corp.
</footer>
</body>
</html>'FRONT > HTML' 카테고리의 다른 글
| HTML | 네이버 회원가입 폼 구현하기 2 (0) | 2022.03.21 |
|---|
