728x90
반응형
순서가 없는 목록을 만드는 방법
<ul> 태그
- 순서가 없는 목록을 보여줍니다.
문법
<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
반응형