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

HTML 목록 빠른 미리보기

无忌哥哥
无忌哥哥원래의
2018-06-29 10:08:351933검색

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

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

1. 순서가 지정되지 않은 목록: ff6d136ddc5fdfeffaf53ff6ee95f185 태그는 25edfb22a4f469ecb59f1190150159c6 하위 태그와 쌍을 이루어야 합니다. #🎜🎜 # 2. 순서가 있는 목록:

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

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

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