입무자를 위한 HTML 기초 강의(7)

목록 표시하기

• 목록은 연관 있는 항목(item)들을 나열한 것을 의미한다.
• HTML 목록은 '순서 없는 목록'과 '순서 있는 목록'으로 구분된다.

순서 없는 목록: <ul></ul>

순서 있는 목록: <ol></ol>

li 태그란?

• 목록에 들어가는 항목 하나 하나를 표현할때 사용하는 태그이다.
• 항목들(li 태그들)을 감싸하는 태그가 무엇이냐에 따라 기호가 달라진다.

<ul>
<li>토끼</li>          <!-- - 토끼 -->
<li>다람쥐</li>        <!-- - 다람쥐 -->
<li>청설모</li>        <!-- - 청설모 -->
<li>호랑이</li>        <!-- - 호랑이 -->
</ul>


<ol>
<li>HTML</li>          <!-- 1.HTML -->
<li>CSS</li>           <!-- 2.CSS  -->
<li>JavaScript</li>    <!-- 3.JavaScript -->
</ol>