![[2021/12/09]국비지원-HTML5 코딩툴 기본학습-3-(1) dl](https://img1.daumcdn.net/thumb/R750x0/?scode=mtistory2&fname=https%3A%2F%2Fblog.kakaocdn.net%2Fdna%2FBZRLV%2FbtrodlIac2H%2FAAAAAAAAAAAAAAAAAAAAALq_avuBVejrJRixANxhTDchfGIfSZ1_cpx45KoZyPYT%2Fimg.png%3Fcredential%3DyqXZFxpELC7KVnFOS48ylbz2pIh7yKj8%26expires%3D1756652399%26allow_ip%3D%26allow_referer%3D%26signature%3DCnatp7aglZZ6A4q0KTFNZaSEHy4%253D)
이번에는 유명인 사진 넣고 그 사람 프로필 베껴 넣기 해봤다.
dl은 ol, ul과 달라서 좀 헷갈렸다.
이거 연습 몇 번 해야할 것 같다.
이래저래 테스팅? 해봐야지.
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>list 목록 ----------- dl 정의형</title>
</head>
<body>
<!-- list 목록 : ol 순서형, ul 비순서형, dl 정의형 -->
<ol>
<li>순서</li>
<li>순서</li>
<li>순서</li>
</ol>
<ul>
<li>비순서</li>
<li>비순서</li>
<li>비순서</li>
</ul>
<dl>
<dt>용어의 제목</dt>
<dd>용어의 설명, 해설, 해석</dd>
<dt>용어의 제목</dt>
<dd>용어의 설명, 해설, 해석</dd>
<dt>용어의 제목</dt>
<dd>용어의 설명, 해설, 해석</dd>
</dl>
<dl>
<dt>용어의 제목
<dd>용어의 설명, 해설, 해석</dd>
<dd>용어의 설명, 해설, 해석</dd>
<dd>용어의 설명, 해설, 해석</dd>
<dd>용어의 설명, 해설, 해석</dd>
</dt>
</dl>
<hr/>
<h1>NHN</h1>
<h2>NHN</h2>
<h2>회사소개</h2>
<h3>Location</h3>
<dl>
<dt>address
<dd>13487 경기도 성남시 분당구 대왕판교로645번길 16 NHN 플레이뮤지엄</dd>
<dd>NHN Play Museum, 16 Daewangpangyo-ro 645beon-gil, Bundang-gu, Seongnam-si, Gyeonggi-do, 13487, Korea</dd>
</dt>
<dt>TEL
<dd>1544-6859 (ARS)</dd>
</dt>
<dt>FAX
<dd>031-8038-3000</dd>
</dt>
<dt>사업자번호
<dd>144-81-15549</dd>
</dt>
</dl>
<hr/>
<h2>인물정보</h2>
<dl>
<dt><strong>유재석</strong>
<dd><em>MC, 개그맨</em></dd>
<dd><span>프로필</span></dd>
<dd>
<dl>
<dt>출생</dt>
<dd>1972. 8. 14. 서울특별시</dd>
<dt>소속사</dt>
<dd>안테나</dd>
<dt>가족</dt>
<dd>배우자 나경은</dd>
<dt>데뷔</dt>
<dd>1991년 제1회 KBS 대학개그제</dd>
<dt>수상</dt>
<dd>2021년 제57회 백상예술대상 TV부문 대상</dd>
<dd>2020년 mbc 방송연예대상 대상 (놀면 뭐하니?)</dd>
<dt>작품</dt>
<dd>앨범, 곡, 방송, 영화, 기타</dd>
</dl>
</dd>
<dd><img src="images/y_mc.jpg" alt="유재석 사진"></dd>
</dt>
</dl>
<hr/>
<h1>행정안전부 <strong>열린장관실</strong></h1>
<h2>장·차관 소개</h2>
<h3>역대장관</h3>
<dl>
<dt><span>제1대 장관</span> <strong>원세훈</strong></dt>
<dd><img src="images/history_1.gif" alt="원세훈 사진"></dd>
<dd>
<dl>
<dt>재임기간</dt>
<dd>2008년 2월 29일 ~ 2009년 2월 11일</dd>
<dt>약력</dt>
<dd>
<ul>
<li>국가정보원장</li>
<li>행정안전부장관</li>
<li>서울시 행정1부시장</li>
<li>서울특별시 공무원교육원 원장</li>
</ul>
</dd>
</dl>
</dd>
</dl>
</body>
</html>