기본적으로 html 에서서는 자주사용하고 있는 목록을 만들기 위한 기본적인 태그로는 <ul>, <ol> 를 사용하게 되며 <ol> 태그는 숫자가 나타나며, <ul> 태그는 숫자가 나타나지 않습니다.순서가 있는목록
<ol>태그는 ordered list의 약자이며 숫자가 나타나며 '순서가 있는 목록'을 만드는데 사용하게 됩니다.
아래의 실행화면을 보게되면 목록앞에 자동으로 숫자가 순서대로 나타나는것을 확인해 볼수가 있습니다.
순서가 없는 목록
<ul>태그는 unordered list의 약자이며 '순서가 필요 없는 목록' 을 만들게 됩니다.
아래는 실행화면으로 ul 태그의 경우 숫자가 나타나지 않는 결과값을 확인해 볼수가 있습니다.
목록 숨기기 펼치기
목록이나 내용을 숨기기 펄치기를 <details> 숨기기 </details> 태그를 이용하여 간단하게 구현해 볼수도 있습니다.
실행화면을 보게되면 summary 태그 사이 텍스트를 클릭하여 숨기기 및 펼치기가 가능하며 JavaScript 를 이용하지 않고도 간단하게 숨기기 기능을 사용합니다.
목록 태그를 마치며
위처럼 html에서의 <il>, <ol> 태그는 메뉴, 목록, 링크버튼을 사용하고자 할때에 주로 사용되며 style(스타일시트)를 이용하여가독성이 높은 메뉴를 만들수가 있습니다.
▤ 목차
목차 보이기