순서 없는 리스트
Coddy HTML 여정의 Fundamentals 섹션에 포함된 레슨 — 60개 중 12번째.
HTML에서 순서 없는 목록(unordered list)은 숫자나 문자로 순서가 지정되지 않은 항목들의 목록입니다. 대신, 각 항목은 불릿 포인트(bullet point)로 표시됩니다.
순서 없는 목록을 만들려면 <ul> 태그를 사용합니다. 목록의 각 항목은 <li> 태그를 사용하여 정의됩니다.
HTML에서 순서 없는 목록을 만드는 방법은 다음과 같습니다:
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>이 예제에서 <ul> 태그는 순서 없는 목록을 정의하며, 각 <li> 태그는 목록 항목을 나타냅니다. 브라우저에 표시될 때, 이 코드는 글머리 기호가 있는 목록을 생성합니다:
- 항목 1
- 항목 2
- 항목 3
순서 없는 목록은 재료 목록이나 기능 목록과 같이 순서가 중요하지 않은 항목을 나열할 때 유용합니다.
챌린지
쉬움"Apple", "Banana", "Orange"라는 세 개의 항목을 포함하는 순서 없는 목록(unordered list)이 있는 HTML 문서를 만드세요. (해당 순서대로)
치트 시트
순서 없는 목록을 만들려면 각 항목에 <li> 태그와 함께 <ul> 태그를 사용하세요:
<ul>
<li>Item 1</li>
<li>Item 2</li>
<li>Item 3</li>
</ul>순서 없는 목록은 항목을 불릿 포인트로 표시하며, 순서가 중요하지 않을 때 유용합니다.
직접 해보기
<!DOCTYPE html>
<html>
<body>
<!-- 여기에 코드를 작성하세요 -->
</body>
</html>
실력 점검이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.
