> 웹 프론트엔드 > HTML 튜토리얼 > HTML 목록 빠른 미리보기

HTML 목록 빠른 미리보기

无忌哥哥
풀어 주다: 2018-06-29 10:08:35
원래의
2023명이 탐색했습니다.

List는 데이터를 표시하는 매우 유용한 방법이며 탐색, 레이아웃 등과 같은 많은 흥미로운 기능으로 확장될 수 있습니다.

목록에는 세 가지 주요 유형이 있습니다.

1. 순서가 지정되지 않은 목록:

    태그는
  • 하위 태그와 쌍을 이루어야 합니다. #🎜🎜 # 2. 순서가 있는 목록:

      태그와 동일한 사용 규칙을 갖는
        태그는 순서가 없는 목록의 특수한 경우로 간주될 수 있으며 실제 개발에서는 거의 사용되지 않습니다 #🎜🎜 # 3. 자기 정의 목록:
        명사 설명과 매우 유사하며 하단 탐색, 콘텐츠 세부 정보 페이지, 연락처 정보, 제품 설명 등 다양한 용도로 사용됩니다. .

        ul에는 하나의 속성 유형이 있으며 목록 항목

        type="disc" 기본 표시인 검은색 점 앞에 표시를 설정할 수 있습니다. 첫 번째 수준 목록

        type="circle" 빈 작은 점, 이는 보조 목록의 기본 표시입니다.

        type="square" 단색 사각형

        <html>
        <head>
        <meta charset="UTF-8">
        <title>1-1.列表快速预览</title>
        </head>
        <body>
        <ul type="square">
        <li>HTML</li>
        <li>CSS</li>
        <li>JavaScript</li>
        <li>jQuery</li>
        <li>Bootstrap</li>
        </ul>
        <hr>
        <h4>单身狗的周未</h4>
        <ol>
        <li>自己请自己看场电影希望有艳遇</li>
        <li>购买充气娃娃2个</li>
        <!-- 列表是可以嵌套的 -->
        <ul>
        <li>冰冰款2个</li>
        <li>凤姐款1个</li>
        </ul>
        <li>玩"吃鸡"</li>
        <li>为心目中的女主播打Call</li>
        </ol>
        <hr>
        <h4>后端编程语言:</h4>
        <dl>
        <dt>PHP</dt>
        <dd>超文本预处理编程语言</dd>
        <dt>MySQL</dt>
        <dd>全球最流行的关系型数据库管理工具</dd>
        <dt>ThinkPHP5.1</dt>
        <dd>国内最流行的中文轻量级PHP开发框架</dd>
        </dl>
        </body>
        </html>
        로그인 후 복사

    위 내용은 HTML 목록 빠른 미리보기의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

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