반응형
1. <dl>, <dt>, <dd> 태그 - 설명 목록 만들기
기본형 :
<dl>
<dt> 제목 </dt>
<dd> 설명 </dd>
...
</dl>
- <dl> 태그는 사전 구성처럼 '제목'<dt>과 '설명'<dd>이 한 쌍인 설명 목록(Description List)을 만듭니다.
<dt> 태그는 제목을 표시할 때 사용됩니다.
<dd> 태그는 설명을 표시합니다. 하나의 <dt> 태그에 여러 개의 <dd> 태그를 가질 수 있습니다.
다음은 <dl>, <dt>, <dd> 태그를 사용한 예제입니다.
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20 |
<!DOCTYPE html>
<html>
<head>
<charset="EUC-KR">
<title><dl>, <dt>, <dd> 태그 사용 방법</title>
</head>
<body>
<h1>내가 좋아하는 연예인</h1>
<dl>
<dt>배우</dt>
<dd>이연희</dd>
<dd>조승우</dd>
<dd>전지현</dd>
<dt>가수</dt>
<dd>박효신</dd>
<dd>아이유</dd>
<dd>성시경</dd>
</dl>
</body>
</html> |
cs |
<사진 1.1>
제가 좋아하는 배우 3명과 가수 3명을 작성하였습니다. 다음은 결과 화면입니다.
<사진 1.1 결과 화면>
반응형
'Web Basic > HTML5' 카테고리의 다른 글
| [HTML5] colspan, rowspan 속성 사용 방법 (2) | 2018.03.19 |
|---|---|
| [HTML5] <table>, <tr>, <td>, <th>태그 사용 방법 (0) | 2018.03.14 |
| [HTML5] <ul>, <ol>, <li>태그 사용 방법 (0) | 2018.03.12 |
| [HTML5] <span> 태그 사용 방법 (0) | 2018.03.11 |
| [HTML5] <mark>태그 사용 방법 (0) | 2018.03.11 |