69 lines
2.1 KiB
Markdown
69 lines
2.1 KiB
Markdown
# 목록
|
|
|
|
### ul
|
|
|
|
정렬되지 않은 목록을 나타냅니다. 보통 불릿으로 표현합니다.
|
|
|
|
### ol
|
|
|
|
정렬된 목록을 나타냅니다. 보통 숫자 목록으로 표현합니다.
|
|
|
|
### li
|
|
|
|
목록의 항목을 나타냅니다.
|
|
|
|
### dl
|
|
|
|
설명 목록을 나타냅니다. `<dl>`은 `<dt>`로 표기한 용어와 `<dd>` 요소로 표기한 설명 그룹의 목록을 감싸서 설명 목록을 생성합니다. 주로 용어사전 구현이나 메타데이터(키-값 쌍 목록)를 표시할 때 사용합니다.
|
|
|
|
### dt
|
|
|
|
설명 혹은 정의 리스트에서 용어를 나타냅니다. `<dl>` 요소 안에 위치해야 합니다
|
|
|
|
### dd
|
|
|
|
정의 목록 요소(`<dl>`)에서 앞선 용어(`<dt>`)에 대한 설명, 정의, 또는 값을 제공합니다.
|
|
|
|
```html
|
|
<ul>
|
|
<li>milk</li>
|
|
<li>eggs</li>
|
|
<li>bread</li>
|
|
<li>hummus</li>
|
|
</ul>
|
|
```
|
|
|
|
```html
|
|
<ol>
|
|
<li>Drive to the end of the road</li>
|
|
<li>Turn right</li>
|
|
<li>Go straight across the first two roundabouts</li>
|
|
<li>Turn left at the third roundabout</li>
|
|
<li>The school is on your right, 300 meters up the road</li>
|
|
</ol>
|
|
```
|
|
|
|
```html
|
|
<ol>
|
|
<li>Remove the skin from the garlic, and chop coarsely.</li>
|
|
<li>Remove all the seeds and stalk from the pepper, and chop coarsely.</li>
|
|
<li>Add all the ingredients into a food processor.</li>
|
|
<li>Process all the ingredients into a paste.
|
|
<ul>
|
|
<li>If you want a coarse "chunky" hummus, process it for a short time.</li>
|
|
<li>If you want a smooth hummus, process it for a longer time.</li>
|
|
</ul>
|
|
</li>
|
|
</ol>
|
|
```
|
|
|
|
```html
|
|
<dl>
|
|
<dt>soliloquy</dt>
|
|
<dd>In drama, where a character speaks to themselves, representing their inner thoughts or feelings and in the process relaying them to the audience (but not to other characters.)</dd>
|
|
<dt>monologue</dt>
|
|
<dd>In drama, where a character speaks their thoughts out loud to share them with the audience and any other characters present.</dd>
|
|
<dt>aside</dt>
|
|
<dd>In drama, where a character shares a comment only with the audience for humorous or dramatic effect. This is usually a feeling, thought, or piece of additional background information.</dd>
|
|
</dl>
|
|
``` |