> 웹 프론트엔드 > HTML 튜토리얼 > HTML의 목록을 심층적으로 분석하는 여러 가지 방법

HTML의 목록을 심층적으로 분석하는 여러 가지 방법

醉折花枝作酒筹
풀어 주다: 2021-03-31 14:29:02
원래의
3789명이 탐색했습니다.

HTML에는 순서가 있는 목록, 순서가 없는 목록, 정의 목록이라는 세 가지 목록 방법이 있습니다. 편집기를 따라 이 세 가지 목록을 살펴보겠습니다.

HTML의 목록을 심층적으로 분석하는 여러 가지 방법

하나. 순서가 지정되지 않은 목록

은 굵은 점(일반적인 작은 검은색 원)으로 표시됩니다. 목록은

    태그로 시작됩니다. 각 목록 항목은
  • 로 시작됩니다.
    <ul>
      <li>HTML5是HTML5即超文本标记语言或超文本链接标示语言的第五个版本.目前广泛使用的是HTML4.01。</li>
      <li>HTML5草案的前身名为Web Applications 1.0。</li>
      <li>2004年被WHATWG提出。</li>
      <li>2007年被W3C接纳,并成立了新的HTML5工作团队。</li>
      <li>2008年1月22日,第一份正式草案公布。</li>
    </ul>
    로그인 후 복사

    결과:

    HTML의 목록을 심층적으로 분석하는 여러 가지 방법

    II. 순서가 지정된 목록

    에는 숫자가 표시되어 있습니다. 목록은

      태그로 시작됩니다. 각 목록 항목은
    1. 태그로 시작하며 기본적으로 1부터 번호가 매겨집니다.

      <ol>
        <li>HTML5是HTML5即超文本标记语言或超文本链接标示语言的第五个版本.目前广泛使用的是HTML4.01。</li>
        <li>HTML5草案的前身名为Web Applications 1.0。</li>
        <li>2004年被WHATWG提出。</li>
        <li>2007年被W3C接纳,并成立了新的HTML5工作团队。</li>
        <li>2008年1月22日,第一份正式草案公布。</li>
      </ol>
      로그인 후 복사

      출력 내용은 다음과 같습니다.

      HTML의 목록을 심층적으로 분석하는 여러 가지 방법

      3. 정의 목록

      은 단순한 항목 목록이 아니라 항목과 해당 설명의 조합입니다.

      목록은

      태그로 시작됩니다. 각 사용자 정의 목록 항목은
      로 시작됩니다. 각 사용자 정의 목록 항목의 정의는
      로 시작됩니다.

      <dl>
              <dt>html5</dt>
              <dd>html5的历史</dd>
              <dt>
                  HTML5是HTML5即超文本标记语言或超文本链接标示语言的第五个版本.目前广泛使用的是HTML4.01。
              </dt>
              <dl>
                  HTML5草案的前身名为Web Applications 1.0。
              </dl>
              <dt>
                  2004年被WHATWG提出。
              </dt>
              <dl>
                  2007年被W3C接纳,并成立了新的HTML5工作团队。
              </dl>
              <dl>
                  2008年1月22日,第一份正式草案公布。
              </dl>
          </dl>
      로그인 후 복사

      결과는 다음과 같습니다.

      HTML의 목록을 심층적으로 분석하는 여러 가지 방법

      추천 튜토리얼: "html 비디오 튜토리얼"

위 내용은 HTML의 목록을 심층적으로 분석하는 여러 가지 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿