본문 바로가기
www/HTML tip

<li> 태그

by 랭님 2015. 1. 5.

개요

목록을 만드는 태그로 <ol> 태그 혹은 <ul> 태그 내부에 사용한다.

<ol>태그는 번호를 메겨 순서대로 (ordered list),
<ul>태그는 순서없이 모양으로 (unordered list) 목록을 만든다.

<li> 태그는 단순히 리스트 나열 뿐만 아니라 메뉴등을 만들때도 사용한다.

사용법

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

예제

<html>
<body>
	<ol>
		<li>목록1</li>
		<li>목록2</li>
	</ol>
	<ul>
		<li>목록1</li>
		<li>목록2</li>
		<li>목록3</li>
	</ul>
</body>
</html>
출력 결과:
  1. 목록1
  2. 목록2
  • 목록1
  • 목록2
  • 목록3