공부하자/HTML

목록 태그/ 정의 목록 태그

YoBot 2017. 4. 18. 22:47

목록 태그

웹 페이지에 빼놓지 않고 등장하는 요소이다.

태그 이름

설명

ul

순서가 없는 목록 태그

ol

순서가 있는 목록 태그

li

목록 요소

 

아래 예제를 보면 쉽게 이해할 수 있다.

 

 


<ul>

   <li>목록요소

     <ol>순서가 있는 목록

           <li>목록요소1</li>

         <li>목록요소2</li>

         <li>목록요소3</li>

     </ol>

  </li>

   <li>

    <ul>순서가 없는 목록

         <li>목록요소1</li>

         <li>목록요소2</li>

         <li>목록요소3</li>

    <ul>

  </li>

</ul>

 

 



정의 목록 태그

태그 이름

설명

dl

정의 목록 태그

dt

정의 용어 태그

dd

정의 설명 태그

특정 용어와 그 정의를 표할할 때 사용하는 태그이다.

 

아래 예제를 보면 쉽게 이해할 수 있다.

 

 


<dl>

    <dt>정의 용어 태그</dt>

        <dd>정의 설명 태그1</dd>

        <dd>정의 설명 태그2</dd>

        <dd>정의 설명 태그3</dd>

    <dt>정의 용어 태그</dt>

        <dd>정의 설명 태그1</dd>

        <dd>정의 설명 태그2</dd>

        <dd>정의 설명 태그3</dd>

</dl>

 

 






'공부하자 > HTML' 카테고리의 다른 글

이미지 태그 속성  (0) 2017.04.18
테이블 요소 및 테이블 태그 속성  (0) 2017.04.18
테이블 합치기  (0) 2017.03.22
HTLM 이미지/글자 테두리 설정하는 방법  (0) 2016.11.27
HTML편집 프로그램들 알아보기  (0) 2016.11.27