HTML의 정렬된 목록, 정렬되지 않은 목록 및 사용자 정의 목록 간의 차이점에 대한 자세한 그래픽 설명

목록은 페이지 레이아웃에 자주 사용됩니다. 목록은 순서가 있는 목록, 순서가 없는 목록, 사용자 정의 목록으로 구분됩니다. 이 글에서는 순서가 있는 목록, 순서가 없는 목록, 사용자 정의 목록에 어떤 태그가 사용되는지 소개하고 세 가지의 차이점을 소개하며 관심 있는 친구들이 살펴볼 수 있습니다.

1. 순서가 지정되지 않은 목록

태그는
; li> 태그와 함께 사용하면 순서가 지정되지 않은 목록을 만들 수 있습니다.

예: 순서가 지정되지 않은 목록을 사용하여 4개의 주요 고전을 나열합니다. 코드는 다음과 같습니다.


<ul>
   <li>红楼梦</li>
   <li>水浒传</li>
   <li>三国演义</li>
   <li>西游记</li>
</ul>

렌더링:

# 🎜🎜#

순서가 지정되지 않은 목록 속성 유형, 기본 스타일은 작은 검은색 원, 즉 디스크입니다. 유형 속성에는 디스크(채워진 원 기본값), 원(빈 원), 사각형(채워진 사각형)이 포함됩니다. ), 없음(접두사 취소).

2. 순서가 지정된 목록

태그는
태그를
1. ; 태그와 함께 사용하면 정렬된 목록을 생성할 수 있으며, 목록 정렬은 숫자로 표시됩니다.
   샘플 코드는 다음과 같습니다.

   <ol>
      <li>红楼梦</li>
      <li>水浒传</li>
      <li>三国演义</li>
      <li>西游记</li>
   </ol>

   Rendering:

   

   2개 주문했습니다 목록 속성은 각각 유형과 시작입니다. type에는 목록 접두어의 스타일을 나타내는 데 사용되는 1, a, A, i, I(로마 숫자)의 5가지 속성 값이 있습니다. start는 시작할 유형 유형의 번호를 나타냅니다. 예를 들어 type = "a"이고 start = "4"인 경우 소문자 유형이 선택되고 목록이 네 번째 문자 d부터 시작된다는 의미입니다.

   3. 사용자 정의 목록

   dt> 및

   를 함께 사용하여 사용자 정의 목록(설명 목록)을 만듭니다.

   샘플 코드는 다음과 같습니다:

   <dl>
        <dt>中国四大名著</dt>
          <dd>红楼梦</dd>
         <dd>西游记</dd>
          <dd>水浒传</dd>
          <dd>三国演义</dd>
   </dl>

   Rendering:

   

   사용자 지정 목록(설명 list ), dt 및 dd에 들여쓰기가 있습니다.

   순서 있는 목록, 비순서 목록, 맞춤 목록의 차이점:

   순서 있는 목록과 순서 없는 목록 모두 접두사가 있지만 순서 있는 목록은 대문자입니다. 문자, 소문자, 숫자, 로마 숫자 등이며, 순서가 지정되지 않은 목록의 접두사는 채워진 원, 속이 빈 원 및 채워진 사각형입니다. 사용자 정의 목록, 순서가 지정된 목록, 순서가 지정되지 않은 목록의 차이점은 들여쓰기는 있지만 접두사가 없다는 것입니다.

   【관련 튜토리얼 추천】

   1.

   CSS3 동영상 튜토리얼2. #부트스트랩 튜토리얼
   

위 내용은 HTML의 정렬된 목록, 정렬되지 않은 목록 및 사용자 정의 목록 간의 차이점에 대한 자세한 그래픽 설명의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!