2014년 2월 19일 수요일

[ HTML] 메뉴에 사용되는 목록태그(ul,ol,li)

오늘은 메뉴바에 많이 사용되는 목록태그인 ul,ol,li태그에 대해서알아볼텐데요
ul태그, ol태그, li태그 는 메뉴에바에도 많이 사용되지만 홈페이지 구성물을  배치할때또한 많이 사용되기 때문에 홈페이지 제작에 있어 필수중에 필수라고 할수 있겠죠.
그럼 지금부터 목록태그에 대해서 자세히 알아보도록 하겠습니다


목록태그에는 크게 3가지 태그가 있습니다 

ul 태그 - 순서가 없는 목록태그
ol 태그 - 순서가 있는 태그
li  태그 - 목록요소

이 3가지 중에서 주로 많이 사용되는 목록 태그는 ul 태그, li 태그 인데요 
ul 태그, li 태그 가 무엇인지 간단한 예시를 통해 이해하도록 해보겠습니다



<h2>목록태그요소</h2>
<ul>
<li> 1. ul 목록태그 입니다 </li>
<li> 2. ul 목록태그 입니다 </li>
<li> 3. ul 목록태그 입니다 </li>
<li> 4. ul 목록태그 입니다 </li>
</ul>



위와 같은 태그를 작성후 실행하게 되면 아래와 같은 결과가 생기게 되는데요


목록태그요소

  • 1. ul 목록태그 입니다
  • 2. ul 목록태그 입니다
  • 3. ul 목록태그 입니다
  • 4. ul 목록태그 입니다

ul 태그는 순서가 없느 태그여서 점으로 표시가 되며 li태그는 ul태그의 요소라고 생각하시면 됩니다 이처럼 모든 메뉴바의 기본은 ul태그, li태그 로부터 시작되는 경우가 많기 때문에 ul태그, li태그 기초적인 부분은 반드시 이해하고 넘어가시는게 좋겠네요!









댓글 없음:

댓글 쓰기