HTML - list

list에는 두 가지 종류가 있다.

 

1. ordered list : 순서가 있는 목록 - <ol>

2. unordered list : 순서가 없는 목록 - <ul>

 

<ul>

    <li>beer</li>

    <li>김치</li>

    <li>meat</li>

    <li>milk</li>

</ul>

 

이런 식으로 작성하면 단순히

 

beer 김치 meat milk

 

이렇게 나열한 형태로 보이게 된다.

이때 브라우저가 <ul> 안에 있는 것들이 각각의 item이라는 걸 알게 하도록 하는 태그가 <li>(list item)이다.

 

<ul>

    <li>beer</li>

    <li>김치</li>

    <li>meat</li>

    <li>milk</li>

</ul>

 

• beer
• 김치
• meat
• milk

<li> 태그를 사용하면 정말 list처럼 보이게 된다.

 

여기서 <ul>을 <ol>로 바꿔주면 아래처럼 순서가 있는 리스트로 바뀐다.

 

1. beer
2. 김치
3. meat
4. milk