[개미의 걸음 HTML&CSS 3차시] 목록을 만드는 태그(ul,ol,li,dl,dt,dd)

<ul>태그와 <ol>태그

<ul>
   <li>목록<li>
   <li>목록<li>
        :
        :
        :
</ul>

<ol>
   <li>목록1<li>
   <li>목록2<li>
        :
        :
        :
</ol>   

• 순서가 필요하지 않은 목록을 만들때 <ul>태그를 사용
• 순서가 필요한 목록을 만들때 <ol>태그를 사용

① type속성

속성 값	의미
1	숫자(기본값)
a	영문 소문자
A	영문 대문자
i	로마숫자 소문자
I	로마숫자 대문자

※ type속성 대신에 CSS의 list-style-type 속성을 이용해서 설정 가능

 

 

② start속성

<ol>목록에서 시작하는 순서를 지정할 수 있다.

기본적으로는 1부터 시작

 

 

③ reversed속성

항목을 역순으로 표시할 수 있다.

 

 

 

 

<dl>태그, <dt>태그, <dd>태그

<dl>
   <dt> HTML </dt>
   <dd> 웹 사이트에서 사용하는 인터넷 표준 문서의 확장자 </dd>
          :
          :
          :
</dl>

• 사전 구성처럼 용어과 설명을 함께 작성하여 정의목록을 만들때 <dl>태그를 사용
• 제목은 <dt>태그에 작성하고 설명은 <dd>태그에 작성