List Contents Markup

임소정·2022년 1월 4일
0
post-thumbnail

1. 항목태그: li태그 (List Item)

항목태그는 목록에서 최소단위를 구성하는 태그입니다.
여러개의 항목이 모여 하나의 목록을 구성하며 목록으로 구성되면 항목에서 사용하는 목록순서나 기호를 변경할수있습니다.

<li>list item</li>
<li>list item</li>
  • list item
  • list item

  • 2. 순서목록태그: ol태그 (Ordered List)

    ol태그는 li태그들을 목록으로 구성하기 위한 역할을 하며 목록순서가 보이도록 여백을 가지고 있습니다.
    li태그들의 부모역할을 하면서 리스트기호를 순서로 바꿔줍니다. type특성 값에 다라 여러가지 순서형태로 변경할수 있습니다.

    <ol>ordered list<br>ordered list</ol>
      ordered list
      ordered list

    3. 기호목록태그: ul태그 (Urdered List)

    ul태그는 li태그들을 목록으로 구성하기 위한 역할을 하며 목록기호가 보이도록 여백을 가지고 있습니다. li태그들의 부모역할을 하면서 type특성 값에 따라 여러가지 기호형태로 변경할수 있습니다.

    <ul>unordered list<br>unordered list</ul>
      unordered list
      unordered list

    4. 목록태그의 문법

    li태그는 독립적으로 사용할 수 없는 태그입니다.
    li태그는 아래와 같이 ol태그나 ul태그 안에 사용되어야 하는데 아래그림과 같은 형태를 부모와 자식 관계로 보며 이를 문서 객체 모델(Document Object Model)이라 합니다.

    <ul>
    <li>list item</li>
    <li>list item</li>
    </ul>
    
    <ol>
    <li>list item</li>
    <li>list item</li>
    </ol>
    
    • list item
    • list item
    1. list item
    2. list item
    profile
    소정의 UX/UI 공부 기록

    0개의 댓글