순서 없는 리스트
Coddy HTML 여정의 기초 섹션에 포함된 레슨. 60개 중 12번째.
HTML에서 순서 없는 목록은 숫자나 문자 순으로 정렬되지 않은 항목들의 목록입니다. 대신 각 항목은 글머리 기호로 표시됩니다.
순서 없는 목록을 만들려면 <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"가 포함된 순서 없는 목록이 있는 HTML 문서를 만드세요. (이 순서대로)
</ul>로 목록을 닫으세요.
직접 해보기
<!DOCTYPE html>
<html>
<body>
<!-- 여기에 코드를 작성하세요 -->
</body>
</html>
실력 점검이 레슨에는 짧은 퀴즈가 포함되어 있습니다. 레슨을 시작해 문제를 풀고 진행 상황을 기록하세요.
기초의 모든 레슨
직접 연습해 보세요: Web 플레이그라운드