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

이번에는 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 중국어 웹사이트의 기타 관련 기사를 참조하세요!