list tag

list를 작성할 때 있어서 필요한 요소인 것들을 학습하기 위해서 찾아봤다. 보통 리스트를 작성할 때 몇 개는 작성하고 수정하기 쉽지만 그 수가 많아질수록 수정하기 힘들어진다. 그렇기에 리스트를 작성하는 코드는 효율적인 코딩을 위해서 매우 중요한 부분이라고 생각한다.

목록(list)

1. 순서가 없는 목록

    <h1>순서없는 목록</h1>
    <ul>
        <li>초코</li>
        <li>우유</li>
        <li>소주</li>
    </ul>

2. 순서가 있는 목록

    <h1>순서있는 목록</h1>
    <ol>
        <li>초코</li>
        <li>우유</li>
        <li>소주</li>
    </ol>

• type attribute

<ol type="???">

1 A a I i

로마자나 숫자 등이 표기되고, value에 숫자를 지정하면 그 숫자가 표기되며 마지막 value 다음의 것은 그 뒤의 숫자로 표기됨

• start attribute

<ol start="숫자">

숫자란에 지정한 숫자를 적으면 그 숫자부터 쭉 나열됨

• reversed attribute

<ol reversed>

숫자가 역순으로 표기됨

이외에도 큰 틀에서 소분류를 또 하고 싶을 때 중첩list를 사용해 나눌수 있다.
ul사이에 분류하고 싶은 것을 ol을 사용하여 분류시킨다.

 <h1>overlap</h1>
    <ul>
    <li>milk</li>
    <li>alcohol
        <ol>
            <li>soju</li>
            <li>beer</li>
            <li>wine</li>
        </ol>
    </li>
    <li>choco</li>
    </ul>

이러한 기능을 잘 이용하면 많은 양의 자료를 순차적으로 정리할 때 매우 도움이 될 것 같다고 생각된다.