Call Dave
(702) 379-3401
  • ol 예제

    예를 들어, DL의 또 다른 응용 프로그램은 각 DT가 스피커의 이름을 지정하고 각 DD에 자신의 단어가 포함된 대화를 표시하는 것입니다. 목록도 중첩될 수 있으며, 다음 예제와 같이 정렬되지 않은 목록(성분) 및 정렬된 목록(프로시저)이 포함된 정의 목록과 같이 다른 목록 유형을 함께 사용할 수 있습니다. 번호가 매겨진 목록의 목록 요소에 대한 숫자의 숫자는 소문자 로마 숫자여야 합니다. 아래 발췌문에서 “withroman”클래스에 속하는 모든 OL 요소는 목록 항목 앞에 로마 숫자를 갖습니다. 다음은 여러 용어와 설명이 있는 예제입니다: 번호 순서에 대한 세부 정보입니다. 정렬된 목록에서는 이전 목록에서 자동으로 목록 번호 매기기를 계속하거나 일부 목록 항목의 번호 매기기를 숨길 수 없습니다. 그러나 작성자는 값 특성을 설정하여 목록 항목의 수를 재설정할 수 있습니다. 이후 목록 항목에 대한 새 값에서 번호 매기기가 계속됩니다. 예를 들어 정의 목록의 렌더링은 사용자 에이전트에 따라 달라집니다.

    예제:

    태그는 설명 목록을 정의하고

    태그는 용어(이름)를 정의하며

    태그는 각 용어를 설명합니다: 참고: 이 특성은 HTML4에서 더 이상 사용되지 만 HTML5에서 다시 도입되었습니다. 태그가 열린 순서대로 태그를 닫아도 주의해야 하며 목록이 있는 경우 혼란스러울 수 있습니다. 트릭은 코드를 들여 쓰기하는 것입니다. 이 페이지의 소스 코드를 살펴보고 내 말이 무슨 뜻인지 볼 수 있습니다. 목록 번호의 값이 중요하지 않는 한(예: 품목이 번호/문자로 참조되어야 하는 법적 또는 기술 문서에서) CSS 목록 스타일 유형 속성을 대신 사용해야 합니다. 두 유형의 목록은 LI 요소에 의해 정의된 목록 항목의 시퀀스로 구성됩니다(끝 태그는 생략할 수 있음). DIR 요소는 다중 열 디렉터리 목록을 만드는 데 사용되도록 설계되었습니다. MENU 요소는 단일 열 메뉴 목록에 사용되도록 설계되었습니다. 두 요소 모두 UL과 동일한 구조를 가지며 렌더링이 다릅니다.

    실제로 사용자 에이전트는 DIR 또는 MENU 목록을 UL 목록과 정확히 동일하게 렌더링합니다. . 시각적 사용자 에이전트 번호가 정렬된 목록 항목을 제외하고 정렬된 목록과 정렬되지 않은 목록은 동일한 방식으로 렌더링됩니다. 사용자 에이전트는 다양한 방법으로 이러한 번호를 표시할 수 있습니다. 정렬되지 않은 목록 항목은 번호가 매겨지지 않습니다. . 참고: 목록 항목에는 새 목록과 이미지 및 링크 등과 같은 기타 HTML 요소가 포함될 수 있습니다. 기본적으로 정렬된 목록은 1부터 계산하기 시작합니다. 지정된 숫자에서 계수를 시작하려면 시작 특성을 사용할 수 있습니다. CSS 목록 스타일 유형 속성은 목록 항목 마커의 스타일을 정의하는 데 사용됩니다.

    경고: 더 이상 사용되지 않았기 때문에 이 특성을 사용하지 마십시오:

      요소는 CSS를 사용하여 스타일을 설정해야 합니다. 압축 특성과 유사한 효과를 제공하기 위해 CSS 속성 줄 높이를 값 80%로 사용할 수 있습니다. ol 요소는 정렬된 목록을 정의하는 데 사용됩니다. 이 목록은 각 목록 항목 앞에 숫자 또는 알파벳 식별자 앞에 오는 목록입니다(정렬되지 않은 목록ul과 는 반대로 글머리 기호 앞에 나열 항목이 있음). 목록의 단계가 순서대로 수행되어야 하는 ol을 사용하는 것이 좋습니다. OL 및 UL 모두에 대해 형식 특성은 시각적 사용자 에이전트에 대한 렌더링 옵션을 지정합니다. . HTML 목록은 관련 정보를 함께 그룹화하는 데 사용됩니다. 설명 목록은 각 용어에 대한 설명과 함께 용어 목록입니다. 팁: CSS 자습서에서 CSS에 대해 자세히 알아볼 수 있습니다.

      HTML 목록은 잘 형성되고 의미 있는 방식으로 정보 목록을 표시하는 데 사용됩니다.

    Comments are closed.

Copyright © 2019 Dave Radcliffe Vegas     Log in     Design by Real Estate Tomato     Powered by Tomato Real Estate Blogs

All Content Owned and Copyright Their Respective Owner Unless Otherwise Stated