logo

HTML 목록

HTML 목록은 정보 목록을 지정하는 데 사용됩니다. 모든 목록에는 하나 이상의 목록 요소가 포함될 수 있습니다. HTML 목록에는 세 가지 유형이 있습니다.

  1. 순서가 있는 목록 또는 번호가 매겨진 목록(ol)
  2. 순서가 지정되지 않은 목록 또는 글머리 기호 목록(ul)
  3. 설명 목록 또는 정의 목록(dl)

참고: 다른 목록 안에 목록을 만들 수 있는데, 이를 중첩 목록이라고 합니다.


HTML 순서 목록 또는 번호 매기기 목록

정렬된 HTML 목록에서는 모든 목록 항목이 기본적으로 숫자로 표시됩니다. 번호 매기기 목록이라고도 합니다. 순서가 지정된 목록은 다음으로 시작합니다.

    태그와 목록 항목은 다음으로 시작합니다.
  1. 꼬리표.

 <ol> <li>Aries</li> <li>Bingo</li> <li>Leo</li> <li>Oracle</li> </ol> 
지금 테스트해보세요

산출:

  1. 양자리
  2. 빙고
  3. 사자 별자리
  4. 신탁

HTML 정렬 목록에 대한 자세한 내용을 보려면 여기를 클릭하세요. HTML 순서 목록


HTML 순서 없는 목록 또는 글머리 기호 목록

HTML 정렬되지 않은 목록에서는 모든 목록 항목이 글머리 기호로 표시됩니다. 글머리 기호 목록이라고도 합니다. 순서가 지정되지 않은 목록은 다음으로 시작합니다.

    태그 및 목록 항목은 다음으로 시작합니다.
  • 꼬리표.

 <ul> <li>Aries</li> <li>Bingo</li> <li>Leo</li> <li>Oracle</li> </ul> 
지금 테스트해보세요

산출:

  • 양자리
  • 빙고
  • 사자 별자리
  • 신탁

HTML 비순차 목록에 대한 자세한 내용을 보려면 여기를 클릭하세요. HTML 비순차 목록


HTML 설명 목록 또는 정의 목록

HTML 설명 목록은 HTML 및 XHTML에서 지원되는 목록 스타일이기도 합니다. 항목이 사전이나 백과사전처럼 나열되어 있는 정의 목록이라고도 합니다.

정의 목록은 용어집, 용어 목록 또는 기타 이름-값 목록을 표시하려는 경우 매우 적합합니다.

HTML 정의 목록에는 다음 세 가지 태그가 포함되어 있습니다.

  1. 꼬리표
    목록의 시작을 정의합니다.
  2. 꼬리표
    용어를 정의합니다.
  3. 꼬리표
    용어 정의(설명)를 정의합니다.
 <dl> <dt>Aries</dt> <dd>-One of the 12 horoscope sign.</dd> <dt>Bingo</dt> <dd>-One of my evening snacks</dd> <dt>Leo</dt> <dd>-It is also an one of the 12 horoscope sign.</dd> <dt>Oracle</dt> <dd>-It is a multinational technology corporation.</dd> </dl> 
지금 테스트해보세요

산출:

양자리
- 12가지 별자리 중 하나입니다.
빙고
-저녁 간식 중 하나
사자 별자리
-12가지 별자리 중 하나이기도 합니다.
신탁
-다국적 기술 기업입니다.

HTML 설명 목록에 대한 자세한 내용을 보려면 여기를 클릭하세요. HTML 설명 목록


HTML 중첩 목록

다른 목록 내의 목록을 중첩 목록이라고 합니다. 번호가 매겨진 목록 안에 글머리 기호 목록을 원하는 경우 이러한 유형의 목록을 중첩 목록이라고 합니다.

암호:

 Nested list <p>List of Indian States with thier capital</p> <ol> <li>Delhi <ul> <li>NewDelhi</li> </ul> </li> <li>Haryana <ul> <li>Chandigarh</li> </ul> </li> <li>Gujarat <ul> <li>Gandhinagar</li> </ul> </li> <li>Rajasthan <ul> <li>Jaipur</li> </ul> </li> <li>Maharashtra <ul> <li>Mumbai</li> </ul> </li> <li>Uttarpradesh <ul> <li>Lucknow</li></ul> </li> </ol> 
지금 테스트해보세요

산출:

HTML 목록

지원 브라우저

요소 크롬 브라우저크롬 즉, 브라우저 파이어폭스 브라우저파이어폭스 오페라 브라우저오페라 사파리 브라우저원정 여행