본문 바로가기
Programming/CSS&Html&JS

[html] 목록 태그

by 춘배씨 2023. 2. 12.

순서가 중요하지 않은 목록

부모 태그 : <ul>, 자식 태그 : <li>

//입력
ul
li*3

//결과
<ul>
	<li>목록</li>
	<li>목록</li>
	<li>목록</li>

</ul>

 

순서가 중요한 목록

부모 태그 : <ol>, 자식 태그 : <li>

//입력
ol
li*3

//결과
<ol>
	<li>목록</li>
	<li>목록</li>
	<li>목록</li>

</ol>

 

정의 목록

    <dl>
        <dt>이름</dt>
        <dd>내용</dd>
    </dl>

 

중첩 목록

입력
ul>li*{number}

    <ul>
        <li>
            목록 1
            <ul>
                <li>하위목록 1</li>
                <li>하위목록 2</li>
            </ul>
        </li>
        <li>
            목록 2
            <ul>
                <li>하위목록 1</li>
            </ul>
        </li>
        <li>
            목록 3
        </li>
        <li>
            목록 4
        </li>
    </ul>

 

728x90
반응형

'Programming > CSS&Html&JS' 카테고리의 다른 글

[Html] 멀티미디어 콘텐츠 태그  (0) 2023.02.12
[Html] 폼 태그  (0) 2023.02.12
[Html] 서식 태그  (0) 2023.02.12
[Html] 기본 태그, 시맨틱 태그  (0) 2023.02.12
무료 HTML 템플릿 사이트 6가지 추천  (0) 2022.06.28

댓글