<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>제주 올래</title>
</head>
<body>
<h2>제주 올레</h2>
<dl>
<dt>올레 1코스</dt>
<dd>코스 : 시흥 초등학교 옆 - 광치기 해변</dd>
<dd>거리 : 14.6km(4 ~ 5시간)</dd>
<dd>난이도 : 중</dd>
</dl>
<dl>
<dt>올레 2코스</dt>
<dd>코스 : 광치기 해변 - 온평 포구</dd>
<dd>거리 : 14.5km(4 ~ 5시간)</dd>
<dd>난이도 : 중</dd>
</dl>
</body>
</html>dl은 dl(정의)부분과 그 아래에 설명(dd)부분으로 나뉜다
다른 리스트랑 같지만 들여쓰기가 된다는 점을 기억하면된다.
728x90
반응형
'HTML > HTML 기초' 카테고리의 다른 글
| [HTML] 이미지 태그 실습 - 2 (0) | 2020.07.27 |
|---|---|
| [HTML] 이미지 태그 실습 - 1 (0) | 2020.07.27 |
| [HTML] 리스트 실습 (0) | 2020.07.23 |
| [HTML] 리스트 작성하기 (ul, ol 태그) (0) | 2020.07.23 |
| [HTML] HTML 문자 강조 태그 이용하기 (0) | 2020.07.23 |
