Lists · 리스트(Lists)
This page needs a recent browser (with SharedArrayBuffer support). Please update Chrome, Edge, Firefox or Safari to the latest version. · 이 페이지는 최신 브라우저(SharedArrayBuffer 지원)가 필요합니다. Chrome, Edge, Firefox 또는 Safari를 최신 버전으로 업데이트해 주세요.
English
Lists
- Use a list when you have several items.
- A bullet list uses
<ul>(unordered list). - Each item goes inside its own
<li>(list item).
한국어
목록
- 여러 항목이 있을 때 목록을 사용하세요.
- 불릿 목록에는
<ul>(무순서 목록 unordered list)을 사용합니다. - 각 항목은 자체
<li>(목록 item list item) 안에 넣습니다.
<ul>
<li>Milk</li>
<li>Bread</li>
<li>Eggs</li>
</ul>
English
Numbered lists
- For steps in order, use
<ol>(ordered list). - The browser adds the numbers 1, 2, 3 for you.
- The items are still
<li>— only the outer tag changes.
한국어
번호 목록
- 순서 있는 단계에는
<ol>(유순서 목록 ordered list)을 사용하세요. - 브라우저가 자동으로 1, 2, 3번을 붙여줍니다.
- 항목들은 여전히
<li>입니다 — 바깥쪽 태그만 달라질 뿐입니다.
<ol>
<li>Open the box</li>
<li>Add water</li>
<li>Stir</li>
</ol>
English
Common mistakes
<ul>is bullets,<ol>is numbers; each item goes in<li>.- Close every
<li>.
한국어
흔한 실수
<ul>는 불릿,<ol>은 번호; 각 항목은<li>안에 넣습니다.- 모든
<li>를 닫으세요.
English
Now you try
- Notice how the
<li>items sit inside the<ul>or<ol>. - Build one of each below.
한국어
이제 직접 해보기
<li>항목들이<ul>또는<ol>안에 위치하는 것을 주의 깊게 보세요.- 아래에 각각 하나씩 만들어 보세요.
Make a bullet list with three items: Apples, Bananas, Cherries. Put each one in its own <li>. · three개의 항목을 가진 불릿 목록을 만드십시오: Apples, Bananas, Cherries. 각 항목을 자체 <li>에 넣으십시오.
Make a numbered list with at least two steps. Use <ol> with <li> items inside. · 최소 두 단계가 있는 번호 매기列表를 만드십시오. <ol>를 사용하고 그 안에 <li> 항목을 넣으십시오.