목록태그들 언제써?

html에는 ul,ol,li,dl,dd,dt 이렇게 무수히 많은 태그들이있다.

우리는 언제 어떤것을 써야할까?

ul

unorder list로 순서가 없는 목록을 나타낸다.
<li>태그로 목록들을 만들어주면된다.
기본으로 ● 문자로 표시된다. (decoration으로 설정가능)

ol

order list로 순서가 있는 목록을 나타낸다.
<li>태그로 목록들을 만들어주면된다.(숫자나 로마자등으로 설정가능)

<h1>순서가 없어요</h1>
<ul>
  <li>꽃</li>
  <li>썬크림</li>
  <li>안약</li>
</ul>
<h1>물건구입하기</h1>
<ol>
  <li>카드를 챙긴다</li>
  <li>옷을입고 나간다</li>
  <li>편의점에가서 결제한다</li>
</ol>

dl,dt,dd

설명 목록을 위한태그 제목과 해당하는 설명을 목록으로 보여준다. 필자가 정리한 것을 간단하게 사진으로 보겠다.

dl로 크게 묶어주고 dt는 제목, dd는 그에해당하는 설명이된다. dd는 자동으로 들여쓰기가되니 들여쓰기를 하고싶지않다면 속성값을 주어야한다.

margin-left:0px

사진처럼 dl목록을 가로로 보고싶다면 각각의 dl을 div로 묶어서 float:left해주면된다.

<div class="community">
  <dl>
    <dt>커뮤니티</dt>
    <dd>아티스트</dd>
    <dd>개발자</dd>
    <dd>투자자</dd>
    <dd>공급업체</dd>
  </dl>
</div>

/* css div.community{ float:left; margin:10px; }