목록을 만드는 태그

목록을 만드는 태그를 이용하면 텍스트, 이미지 등을 목록화해 정리 할 수 있고, CSS를 적용하여 다양하게 활용 할 수 있다.  태그 종류는 <ul><li> , <ol><li>, <dl><dt><dd> 있다

 

1.  <ul>, <li>태그 : 순서 없는 목록  

• 순서가 없는 목록을 만들때는 <ul>태그 안에 <li>를 사용해 각 항목을 표시한다.
• ul는 unordered list 를 의미한다.

<ul>
    <li>내용</li>
    <li>내용</li>
    <li>내용</li>
    <li>내용</li>
</ul>

 

2. <ol>, <li>태그 : 순서가 있는 목록

• 순서가 있는 목록을 만들때 <ol>태그 안에 <li>를 사용해 항목을 표시한다.
• ol는 ordered list를 의미한다.

<ol>
    <li>내용</li>
    <li>내용</li>
    <li>내용</li>
    <li>내용</li>
</ol>

 

3. <dl>, <dt>, <dd>태그 : 설명 목록

• <dl>태그는 제목, 설명을 구성하는 설명 목록을 만들때 사용한다.  ex) 질문과 답 목록, 제목과 설명 목록
• <dl>태그 안에 <dt>태그로 제목을 넣고 <dd>에는 설명을 표시할 수 있으며 여러개의 <dt>태그와 <dd>태그를 사용 할 수 있다. 

<dl>
    <dt>내용</dt>
    <dd>내용</dd>
    <dd>내용</dd>
    <dd>내용</dd>
    <dd>내용</dd>
</dl>