HTML에서 로마 숫자로 색인된 목록을 만드는 방법

WBOY
풀어 주다: 2023-09-13 21:37:02
앞으로
1399명이 탐색했습니다.

HTML에서 로마 숫자로 색인된 목록을 만드는 방법

개요

색인은 문장의 위치나 위치를 나타내는 숫자입니다. HTML에서는 순서가 없는 목록(ul)과 순서가 있는 목록(li)의 두 가지 방법으로 색인을 생성할 수 있습니다. HTML에서

    태그를 사용하여 로마 숫자로 된 목록을 생성합니다. 로마 숫자는 순서대로 쓰여진 숫자이므로 순서가 없는 목록 대신 순서가 있는 목록을 사용합니다. 로마 숫자로 정렬된 목록을 만들려면 정렬된 목록의 유형을 정의해야 합니다. 즉, 목록의 인덱스는 'a', 'A', 'I' 또는 'i'여야 합니다. 따라서 로마 숫자를 만들기 위해 순서 목록의 유형을 'I'와 'i'로 정의합니다.

    문법

    HTML에서 로마 숫자를 사용하여 색인을 생성하려면 다음 구문을 사용합니다. -

    으아악
    • ol− 순서가 지정된 목록이며 목록의 상위 컨테이너입니다.

    • type− type 속성은 목록 인덱스의 유형을 설정하기 위해 정의됩니다.

    • li− 리스트에 삽입할 데이터가 포함된 리스트입니다. 목록 태그

    • 는 정렬된 목록 태그
        의 하위 태그입니다.

    방법

    로마 숫자는I, II, III, IV 또는 i, ii, iii, iv로 정의되므로그래서 두 가지 예를 통해 순서가 지정된 목록의 유형을 'I' 또는 'i'으로 정의하여 목록을 만드는 방법을 알아보겠습니다.

    알고리즘

    1단계- 텍스트 편집기에서 HTML 상용구를 만듭니다.

    2단계- 상위 컨테이너를

    로 만들고 해당 유형을 'i'로 정의합니다.

    으아악

    3단계- 순서가 지정된 목록의 하위 요소 li를 만듭니다.

    으아악

    4단계데이터를 삽입합니다.

    으아악

    5단계로마숫자 인덱스가 준비되었습니다.

    Example

    의 중국어 번역은

    Example

    입니다.

    이 예에서는 로마 숫자 목록 작성에 대해 논의합니다. 순서 목록의 유형을"i"(소문자 i)로 정의합니다.

    으아악

    아래 이미지는 순서 목록 유형을 "small i"로 설정한 예제의 출력을 보여줍니다. 따라서 아래 지점의 글머리 기호 또는 색인은i, ii,

    입니다.

    알고리즘

    1단계- 텍스트 편집기에서 HTML 상용구 만들기

    2단계- 상위 컨테이너를

      로 만들고 해당 유형을 'i'로 정의합니다.

      으아악

      3단계- 순서가 지정된 목록의 하위 요소 li를 만듭니다.

      으아악

      4단계- 데이터를 삽입합니다.

      으아악

      5단계- 로마 숫자 색인이 준비되었습니다.

      Example

      의 중국어 번역은

      Example

      입니다.

      이 예에서는 로마 숫자 목록 작성에 대해 논의합니다. 순서 목록의 유형을"I"(대문자 I)로 정의합니다.

      으아악

      아래 이미지는 아래 예제 2의 출력을 보여줍니다. 여기서 주문 목록의 유형은 "대문자 I"으로 설정되고 로마 숫자는I, II, III과 같이 번호가 매겨집니다.

      결론

      순서 목록에서는 다양한 유형의 목록을 설정할 수 있습니다. 목록은 위의 예에서 사용한 것과 같이 숫자 순서, 알파벳 순서, 로마 숫자 순서로 설정할 수 있습니다. 순서가 지정된 목록은 데이터를 체계적으로 표현하고, 사용자 경험을 향상시키며, 데이터 세트를 이해하기 쉽게 만듭니다.

위 내용은 HTML에서 로마 숫자로 색인된 목록을 만드는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:tutorialspoint.com
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿
회사 소개 부인 성명 Sitemap
PHP 중국어 웹사이트:공공복지 온라인 PHP 교육,PHP 학습자의 빠른 성장을 도와주세요!