초보개발자의 성장블로그
HTML 13 <dl>,<dt>,<dd>태그로 정의 목록 만들기
프론트엔드/HTML2021. 3. 18. 15:09
정의형 목록
- 각 항목을 정의하기 위한 목록
- <dl> 태그 사용
- 정의한 각 항목은 <dt> 태그를, 각 항목에 대한 설명은 <dd> 태그를 사용
계절별 야생화
- 봄꽃
- 봄에 꽃이 피는 다년생 식물은 꽃 잔디, 금낭화, 할미꽃, 어성초, 복수초, 산마늘, 붓꽃, 둥글레, 삼지구엽초 등이 있다.
- 여름꽃
- 여름에 꽃이 피는 식물은 옥잠화, 비비추, 맥문동, 애란, 수국, 인동초, 금계국, 달맞이꽃, 금불초, 엉겅퀴, 사스타데이지 등이 있다.
<!DOCTYPE html>
<html lang="en">
<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>정의 목록</title>
</head>
<body>
<h3>계절별 야생화</h3>
<dl>
<dt>봄꽃</dt>
<dd>봄에 꽃이 피는 다년생 식물은 꽃 잔디, 금낭화, 할미꽃, 어성초, 복수초,
산마늘, 붓꽃, 둥글레, 삼지구엽초 등이 있다.</dd>
<dt>여름꽃</dt>
<dd>여름에 꽃이 피는 식물은 옥잠화, 비비추, 맥문동, 애란, 수국, 인동초,
금계국, 달맞이꽃, 금불초, 엉겅퀴, 사스타데이지 등이 있다.</dd>
</dl>
</body>
</html>'프론트엔드 > HTML' 카테고리의 다른 글
| HTML 15 '꽃잔디'를 클릭하면 이동하는 페이지 (0) | 2021.03.18 |
|---|---|
| HTML 14 <a> 태그로 링크 만들기 (하이퍼링크) (0) | 2021.03.18 |
| HTML 12 <ol>태그와 <li>태그로 순서 있는 목록 만들기 (0) | 2021.03.18 |
| HTML 11 <ul>태그와 <li> 태그로 순서 없는 목록 만들기 (0) | 2021.03.18 |
| HTML 10 <P>태그로 단락 구분하기 (0) | 2021.03.18 |
댓글()