> 웹 프론트엔드 > HTML 튜토리얼 > html 비순차 목록 태그와 순서 목록 태그의 사용 예에 ​​대한 자세한 설명

html 비순차 목록 태그와 순서 목록 태그의 사용 예에 ​​대한 자세한 설명

高洛峰
풀어 주다: 2017-03-04 15:05:41
원래의
3462명이 탐색했습니다.

이 글에서는 html unordered list 태그와 ordered list 태그의 사용 예를 주로 소개합니다. 필요하신 분들은 참고하시면 됩니다.

1.상하 목록 태그:

..< / dl>:

상위 dt
하위 dd: 캡슐화된 내용이 자동으로 들여쓰기됩니다.

코드는 다음과 같습니다.

<dl>
<dt>运动户外</dt>
<dd>板鞋</dd>
<dd>篮球鞋</dd>
<dd>足球鞋</dd>
<dd>跑步鞋</dd>
</dl>
로그인 후 복사

2. 순서 목록 정의:

    속성:
    유형: 정렬 스타일을 설정할 수 있습니다(이 속성을 li에 별도로 추가할 수도 있습니다)
    1은 1,2,3을 의미합니다. 4
    a는 a, b, c, d를 나타냄
    A는 A, B, C, D를 나타냄
    i는 i, ii, iii을 나타냄
    I는 I, II, III을 나타냄
    start: 목록의 시작점
     

  1. : 목록 내용

    코드는 다음과 같습니다.

    <ol type="a" start="55">
    <li>板鞋</li>
    <li>篮球鞋</li>
    <li>跑步鞋</li>
    <li>足球鞋</li>
    </ol>
    로그인 후 복사

    3. 순서가 지정되지 않은 목록 정의: < ;ul> ;

    속성: 유형: 정렬 스타일을 설정하거나 이 속성을 li에 별도로 추가할 수 있습니다
    dise solid Circle (기본값)
    circle Hollow Circle
    square solid square
    < ;li>: 목록 내용


    코드는 다음과 같습니다:

    <ul type="square">
    <li type="disc">板鞋</li>
    <li>篮球鞋</li>
    <li>跑步鞋</li>
    <li>足球鞋</li>
    </ul>
    로그인 후 복사

    더 많은 html 정렬되지 않은 목록 태그 및 정렬된 목록 결제해주세요 태그 사용 예에 ​​관한 관련 기사는 PHP 중국어 웹사이트를 참조하세요!

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