HTML 목록 생성기

텍스트에서 HTML 순서 있는 목록과 순서 없는 목록을 생성합니다.

목록 항목

줄당 하나의 목록 항목을 입력하세요:

목록 유형:

HTML 목록 생성기 사용 방법

1
목록 항목 입력
항목을 한 줄에 하나씩 입력란에 입력하거나 붙여넣으세요.
2
목록 유형 선택
글머리 기호에는 순서 없는 목록(ul)을, 번호 매기기에는 순서 있는 목록(ol)을 선택하세요.
3
고급 옵션 설정
필요하면 Advanced Options를 열어 목록 ID, 목록 클래스, 항목 클래스, 사용자 지정 시작 번호를 추가하세요.

순서 없는 목록 옵션과 순서 있는 목록 옵션의 차이는 무엇인가요?

순서 없는 목록은 글머리 기호가 있는 <li> 항목으로 <ul>을 만들고, 순서 있는 목록은 번호가 매겨진 항목으로 <ol>을 만듭니다. 목록이 페이지에 어떻게 표시되어야 하는지에 맞는 것을 선택하세요.

생성된 목록에 CSS 클래스나 ID를 추가할 수 있나요?

네. Advanced Options에서 List ID, <ul>/<ol> 요소의 클래스, 그리고 모든 <li>에 적용되는 클래스를 설정할 수 있어, 출력이 기존 스타일에 바로 들어맞습니다.

1이 아닌 다른 번호에서 시작하는 번호 목록은 어떻게 만드나요?

순서 있는 목록으로 전환하고 Advanced Options에서 Start Number 입력란을 설정하세요. <ol>에 start 속성이 추가되어 원하는 번호에서 번호 매기기가 시작됩니다.

빈 줄도 빈 목록 항목으로 바뀌나요?

아니요. 비어 있거나 공백만 있는 줄은 무시되므로, 비어 있지 않은 줄만 <li> 요소가 되며 빈 글머리 기호가 생기지 않습니다.

생성된 HTML을 어디에나 안전하게 붙여넣을 수 있나요?

네. 마크업은 브라우저 안에서 전부 생성된 깔끔하고 표준을 준수하는 ul/ol/li 코드이므로, 업로드되는 것 없이 어떤 웹사이트, CMS, 에디터에도 붙여넣을 수 있습니다.