본문 바로가기

카테고리 없음

Html - 순서가 없는 목록 태그 <UL> 사용방법

728x90
반응형

순서가 없는 목록을 만드는 방법

<ul> 태그

  1. 순서가 없는 목록을 보여줍니다.

문법

<ul tpye="disc/circle/square">
<li>허준</li>
<li>홍길동</li>
</ul>

속성

  • tpye : 목록 앞에 마커의 종류를 지정합니다.
    type : disc(기본값, 원형)
            circle(속이 비어있는 원)
            square(사각형)
  • 예) 숫자가 있는 목록
    type="disc" 기본값=검은색 원 
    <ul type="disc">
    <li>허준</li>
    <li>홍길동</li>
    </ul>
  • 허준
  • 홍길동

type="circle" 속이 비어있는 원
<ul type="circle">
<li>허준</li>
<li>홍길동</li>
/ul>

type="square" 사각형
<ul type="square">
<li>허준</li>
<li>홍길동</li>
</ul>

ul 태그 중첩해서 사용하기
<ul type="circle">
<li>허준</li>
<li>홍길동</li>
     <ul type="square">
     <li>홍춘이</li>
     <li>유의태</li>
          <ul type="disc">
          <li>명의</li>
          <li>어의</li>
          </ul>
     <ul>
</ul>

728x90
반응형