HTML에서 다른 유형의 목록을 구현하는 방법은 무엇입니까?



이 기사는 예제 및 코드와 함께 HTML의 다양한 유형의 목록에 대한 상세하고 포괄적 인 지식을 제공합니다.

목록은 각 레코드가 한 줄에 표시되는 데이터 및 정보를 나타내는 중요한 방법 중 하나입니다. 정렬 된 방식 또는 정렬되지 않은 방식과 같이 목록에서 데이터를 표현하는 다양한 방법이 있습니다. 이 목록에서 다음 주제를 다룰 것입니다. 조:

HTML의 목록 유형

목록 생성을 시작하기 전에 먼저 HTML 태그를 살펴 보겠습니다.





    • 정렬되지 않은 목록을 정의하는 데 사용됩니다.
      1. 정렬 된 목록을 정의하는 데 사용됩니다.
      2. 목록 항목을 정의하는 데 사용됩니다.
      3. 설명 목록을 정의하는 데 사용됩니다.
      4. 설명 목록에서 용어를 정의하는 데 사용됩니다.
      5. 설명 목록에서 용어를 설명하는 데 사용됩니다.

    HTML에서 다양한 종류의 목록을 만드는 방법을 이해하겠습니다.

    정렬되지 않은 목록

    HTML에서 정렬되지 않은 목록을 정의하려면

      태그를 지정한 다음 항목 목록을
    • 꼬리표. 기본적으로 항목 목록은 글 머리 기호 (예 : 작은 검은 색 원)로 표시됩니다.



       

      스포츠

      • 크리켓
      • 축구
      • 야구

      산출:

      HTML의 정렬되지 않은 목록

      정렬되지 않은 HTML 목록 : 다른 항목 마커



      CSS 목록 스타일 유형 속성을 사용하여 마커 목록에서 선택할 수 있습니다. 다양한 스타일의 마커를 정의하는 데 사용할 수있는 다양한 CSS 목록 스타일 유형 속성을 살펴 보겠습니다.

      • 디스크 : 목록 항목 마커를 글 머리 기호로 설정합니다.
      • : 목록 항목 마커를 원으로 설정합니다.
      • 광장 : 목록 항목 마커를 사각형으로 설정합니다.
      • 없음 : 목록 항목이 표시되지 않습니다.

      디스크:

       

      스포츠

      • 크리켓
      • 축구
      • 야구

      산출:

      HTML의 디스크원:

       

      스포츠

      • 크리켓
      • 축구
      • 야구

      산출:

      HTML의 서클리스트광장:

       

      스포츠

      • 크리켓
      • 축구
      • 야구

      산출:

      Square없음 :

       

      스포츠

      • 크리켓
      • 축구
      • 야구

      산출:

      None이제 HTML에서 정렬되지 않은 목록을 만드는 방법을 이해했으면 HTML에서 정렬 된 목록을 만드는 방법을 이해하겠습니다.

      주문 목록

      HTML에서 정렬 된 목록을 정의하려면

        태그를 지정한 다음 항목 목록을
      1. 꼬리표.
        기본적으로 항목 목록은 숫자로 표시됩니다.

         

        스포츠

        1. 크리켓
        2. 축구
        3. 야구

        산출:

        HTML의 정렬 된 목록이제 정렬 된 목록의 몇 가지 변형을 살펴 보겠습니다.

        정렬 된 HTML 목록 – 유형 속성

        정렬 된 목록에는 다양한 유형의 항목 마커가 있습니다.

        • 유형 =”1 ″ 목록 항목은 숫자로 번호가 매겨집니다 (기본값).

        • 유형 =”A” 목록 항목은 대문자로 번호가 매겨집니다.

        • type =”a” 목록 항목은 소문자로 번호가 매겨집니다.

        • type =”I” 목록 항목은 대문자 로마 숫자로 번호가 매겨집니다.

        • type =”i” 목록 항목은 소문자 로마 숫자로 번호가 매겨집니다.

        번호:

         

        스포츠

        1. 크리켓
        2. 축구
        3. 야구

        산출:

        Numbers대문자 :

         

        스포츠

        1. 크리켓
        2. 축구
        3. 야구

        산출:

        informatica의 변환 유형

        대문자소문자 :

         

        스포츠

        1. 크리켓
        2. 축구
        3. 야구

        산출:

        소문자대문자 Roman Nu mber 에스:

         

        스포츠

        1. 크리켓
        2. 축구
        3. 야구

        산출:

        대문자 로마 숫자

        소문자 로마 숫자 :

         

        스포츠

        1. 크리켓
        2. 축구
        3. 야구

        산출:

        소문자 로마 숫자

        HTML 설명 목록

        HTML로 설명 목록을 만들 수도 있습니다. 설명 목록은 용어 목록을 만들고 설명을 추가하는 데 사용됩니다. 다음을 사용하여 설명 목록을 만듭니다.

        꼬리표.
        태그는 용어를 정의합니다.
        태그는 설명을 추가합니다.

         

        스포츠

        크리켓
        크리켓은 양쪽 끝에 개찰구가있는 20 미터 피치의 경기장에서 11 명의 선수로 구성된 두 팀 사이에서 진행되는 배트 앤 볼 게임입니다.
        탁구
        탁구라고도하는 탁구는 2 ~ 4 명이 작은 라켓을 사용하여 테이블을 가로 질러 앞뒤로 가벼운 공을 치는 스포츠입니다. 게임은 그물로 나눈 단단한 테이블에서 진행됩니다.

        산출:

        HTML의 중첩 목록

        HTML로 중첩 된 목록을 만들 수도 있습니다.

         

        스포츠

        • 탁구
        • 크리켓
          • 비 라트 콜리
          • 조 루트
      2. 농구

    산출:

    이제 위의 스 니펫을 실행 한 후 HTML로 목록을 만드는 방법을 이해했을 것입니다. 이 블로그가 유익하고 가치가 있기를 바랍니다.

    우리를 확인하십시오 강사 주도의 라이브 교육 및 실제 프로젝트 경험과 함께 제공됩니다. 이 교육을 통해 백엔드 및 프런트 엔드 웹 기술을 다루는 기술을 능숙하게 사용할 수 있습니다. 여기에는 웹 개발, jQuery, Angular, NodeJS, ExpressJS 및 MongoDB에 대한 교육이 포함됩니다.

    질문이 있으십니까? 'List in HTML'블로그의 댓글 섹션에 언급 해 주시면 다시 연락 드리겠습니다.