> 웹 프론트엔드 > HTML 튜토리얼 > HTML 목록에서 dl(dt,dd), ul(li) 및 ol(li)의 차이점은 무엇입니까?

HTML 목록에서 dl(dt,dd), ul(li) 및 ol(li)의 차이점은 무엇입니까?

php中世界最好的语言
풀어 주다: 2018-01-26 09:55:22
원래의
3541명이 탐색했습니다.

이번에는 HTML 목록에서 dl(dt,dd), ul(li), ol(li)의 차이점을 보여드리겠습니다. HTML 목록에서는 dl(dt,dd), ul을 사용합니다. (li)와 ol(li)에 대한 notes? 여기에 실제 사례가 있습니다. 살펴보겠습니다.

HTML

태그

#정의 및 사용법

태그는 정의 목록(정의 list)을 정의합니다.
태그는
(목록의 항목 정의)와
(목록의 항목 설명)를 결합하는 데 사용됩니다.

#Example

코드는 다음과 같습니다.

<dl>
   <dt>计算机</dt>
   <dd>用来计算的仪器 ... ...</dd>
   <dt>显示器</dt>
   <dd>以视觉方式显示信息的装置 ... ...</dd>
</dl>
로그인 후 복사

HTML

    태그

    #정의 및 사용법

      태그는 순서가 지정되지 않은 목록을 정의합니다.

      #Example

      순서가 지정되지 않은 HTML 목록:

      <ul>
        <li>Coffee</li>
        <li>Tea</li>
        <li>Milk</li>
      </ul>
      로그인 후 복사

      HTML

        태그

        #정의 및 사용법

          태그는 순서가 지정된 목록을 정의합니다.

          #Example

          순서가 지정된 HTML 목록:

          <ol>
            <li>Coffee</li>
            <li>Tea</li>
            <li>Milk</li>
          </ol>
          로그인 후 복사

          ul은 ol과 결합하여 메뉴 및 하위 메뉴를 정의할 수 있습니다.

          <ul>
              <li><a href="#">内容过滤</a><li>
              <li><a href="#">词语过滤</a></li>
              <li class="s">
                  <div class="lsub">
                      <div>论坛</div>
                      <ol>
                          <li><a href="#">论坛主题管理</a></li>
                          <li><a href="#">论坛批量删帖</a></li>
                      </ol>
                  </div>
              </li>
          <ul>
          로그인 후 복사

          이 사례를 읽으신 후 방법을 익히셨으리라 생각합니다. 더 흥미로운 정보를 보려면 다른 관련 항목에 주의하세요. PHP 중국어 웹사이트의 기사!

          관련 읽기:

          HTML 요소에 초점을 설정하는 방법

          html하이퍼링크를 사용하여 새 창을 열고 창의 속성을 제어하는 ​​방법

          태그 href 속성 및 onclick을 사용하는 방법 이벤트

          위 내용은 HTML 목록에서 dl(dt,dd), ul(li) 및 ol(li)의 차이점은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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