> 웹 프론트엔드 > HTML 튜토리얼 > HTML의 dl, dd 및 dt 태그 정의

HTML의 dl, dd 및 dt 태그 정의

黄舟
풀어 주다: 2017-06-21 15:21:43
원래의
9777명이 탐색했습니다.

웹페이지를 만드는 과정에서 목록을 사용할 때 일반적으로

    태그를 사용하고
    태그는 거의 사용하지 않지만 이 세 가지 태그는 무시할 수 없는 중요한 역할을 합니다. 결국 웹 표준에서는 기존 태그를 최대한 활용한다. 그 용도는 다음과 같습니다.
    < dt>< /dt> ; /dd>는 목록에서 가장 낮은 항목을 만드는 데 사용됩니다. 쌍.

    다음은 예입니다.

    <html>
    <head>
    <title>一个普通列表</title>
    </head>
    <body text="blue">
    <dl>
    <dt>中国城市</dt>
    <dd>北京 </dd>
    <dd>上海 </dd>
    <dd>广州 </dd>
    <dt>美国城市</dt>
    <dd>华盛顿 </dd>
    <dd>芝加哥 </dd>
    <dd>纽约 </dd>
    </dl>
    </body>
    </html>
    로그인 후 복사

    중간에 있는 텍스트는 들여쓰기하지 않아도 앞으로 이동하는 반면
    가운데 내용은 자동으로 뒤로 들여쓰기됩니다.

    일반적으로 목록을 만들 때 ul 및 li 태그만 사용합니다. DL의 경우에도 목록 클래스의 태그에 속하며 정의 목록을 정의합니다. 정의 목록의 항목은

    태그("정의 제목", 정의 제목) 및
    태그("정의 설명", 정의 설명)를 사용하여 생성됩니다.
    는 용어의 이름을 제공하고
    는 용어의 정의를 제공합니다.

    <dl>
    <dt>相当于标题</dt>
    <dd>相当于标题下的小分类</dd>
    </dl>
    로그인 후 복사

    내 말이 이해하기 어려울 수도 있는데, 아래 디렉터리 트리와 비슷합니다:

    <dl>
    <dt>第一章基本语法:</dt>
    <dd>1.注释</dd>
    <dd>2.函数</dd>
    <dd>3.属性</dd>
    </dl>
    
    <dl>
    <dt>第二章:变量</dt>
    <dd>1.分配的变量</dd>
    <dd>2.读取的变量</dd>
    <dd>3.保留的变量</dd>
    </dl>
    로그인 후 복사

    위 내용은 HTML의 dl, dd 및 dt 태그 정의의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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