리스트(list)

일반적인 리스트

html의 list(목록)로는

(ordered list), 그리고
(unordered list) 이 주로 사용되는 듯 하다. 전자는 순서가 중요한 경우(예컨대, 검색어 순위 등)에 사용되고, 후자는 무작위로 나열해도 무방한 경우 사용된다는 차이점이 있지만, 아래와 같은 중요한 공통점도 있다.

<ol>
  <li>항목1</li>
  <li>항목2</li>
  <li>항목3</li>
</ol>  

<ul>
   <li>항목1</li>
   <li>항목2</li> 
   <li>항목3</li> 
 </ul>

ol과 ul 태그의 자식 요소로는 반드시 li 태그만 올 수 있으며, <div> <a> 등을 비롯한 그 어느 태그도 불가하다. 만약 다른 태그를 자식 요소에 넣고 싶다면,

<ol>
  <li>
    <a href="">
  </li>
</ol>

위와 같이 <li>태그 안에 태그를 집어넣는 방식으로 사용하여야 한다.

<ul>태그를 사용할 경우에는 다음과 같이 앞에 글머리 기호가 붙는 경우가 있다.

• 항목1
• 항목2
• 항목3

이때는 css를 이용하여 앞의 기호를 없애거나, 변경할 수도 있다.

  <ul style="list-style-type: none">
  	<li>항목1</li>
  	<li>항목2</li>
  </ul>