리스트 태그는 문장을 정렬하는 데 사용됩니다. 주제, 소주제, 본문을 띄어쓰기로 띄워서 구분하는 것보다. 일정한 간격으로 띄워서 번호를 붙이거나, 불릿
)를 붙여서 사용하면 읽기도 편하고 짜임새있게 글을 작성할 수 있습니다. 이때 사용하는 태그가 리스트 태그입니다.

 순서가 없는 리스트 UL(Unordered List)
 

리스트 형식의 일반적인 형식이며 리스트 항목에 여려가지 불릿() 으로 나타낼 수 있습니다.
<UL></UL> 는 목록의 시작과 끝을 알려주며, <LI></LI> 는 목록의 항목을 구분할때 사용합니다.

<LI> 태그의 속성  <li type="disk">  : 속이 찬 원형 불릿()
  <li type="circle">  : 속이 빈 원형 불릿()
  <li type="squar">  : 사각형 불릿()


 LI TYPE
 출력형태
<ul>
    <li type="disk">구글</li>
    <li type="disk">야후</li>
    <li type="disk">다음</li>
</ul>
 
  • 구글
  • 야후
  • 다음
<ul>
    <li type="circle">구글</li>
    <li type="circle">야후</li>
    <li type="circle">다음</li>
</ul>
 
  • 구글
  • 야후
  • 다음
<ul>
    <li type="squar">구글</li>
    <li type="squar">야후</li>
    <li type="squar">다음</li>
</ul>
 
  • 구글
  • 야후
  • 다음


 순서가 있는 리스트 OL(Ordered List)
 

리스트 항목에 숫자, 영문 대문자, 영문 소문자, 로마자 대문자,
로마자 소문자로 구분할 수 있습니다.
<OL></OL> 는 목록의 시작과 끝을 알려주며, <LI></LI> 는 목록의 항목을 구분할때 사용합니다.

<LI> 태그의 속성  <li type="1">  : 숫자
  <li type="A>  : 영문 대문자
  <li type="a">  : 영문 소문자
  <li type="i">  : 로마자 소문자
  <li type="I">  : 로마자 대문자

 LI TYPE
 출력형태
<ol>
    <li type="1">구글</li>
    <li type="1">야후</li>
    <li type="1">다음</li>
</ol>
 
  1. 구글
  2. 야후
  3. 다음
<ol>
    <li type="A">구글</li>
    <li type="A">야후</li>
    <li type="A">다음</li>
</ol>
 
  1. 구글
  2. 야후
  3. 다음
<ol>
    <li type="a">구글</li>
    <li type="a">야후</li>
    <li type="a">다음</li>
</ol>
 
  1. 구글
  2. 야후
  3. 다음
<ol>
    <li type="i">구글</li>
    <li type="i">야후</li>
    <li type="i">다음</li>
</ol>
 
  1. 구글
  2. 야후
  3. 다음
<ol>
    <li type="I">구글</li>
    <li type="I">야후</li>
    <li type="I">다음</li>
</ol>
 
  1. 구글
  2. 야후
  3. 다음

야이노마

» Contact Me: yainoma00@gmail.com




1