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

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

php中世界最好的语言
php中世界最好的语言원래의
2018-01-26 09:55:223502검색

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

HTML 5c69336ffbc20d23018e48b396cdd57a 태그

#정의 및 사용법

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

#Example

코드는 다음과 같습니다.

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

HTML ff6d136ddc5fdfeffaf53ff6ee95f185 태그

#정의 및 사용법

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

#Example

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

<ul>
  <li>Coffee</li>
  <li>Tea</li>
  <li>Milk</li>
</ul>

HTML c34106e0b4e09414b63b2ea253ff83d6 태그

#정의 및 사용법

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

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.