📒HTML5 기본 태그

- 목록 요소

📌<ul> 태그

<ul> 태그는 unordered list 의 약자로, 순서가 없는 리스트를 생성한다.

Example)

입력 => <ul>
		 <li>메뉴1</li>
         <li>메뉴2</li>
         <li>메뉴3</li>
       </ul>

📌<ol> 태그

<ol> 태그는 자동으로 순서를 가진 리스트를 생성한다.

Example)

입력 => <ol>
		 <li>메뉴1</li>
         <li>메뉴2</li>
         <li>메뉴3</li>
       </ol>

CSS 를 이용하여 <ol> 태그의 속성을 지정할 수 있다.

type : 1/a/A 등의 타입을 지정
start : 시작 지점 선택, 3으로 지정할 경우 3번째 부터 리스트 생성

예시)

Example)

<ol type="A" start="3">
=> C
   D
   E
   .
   .

✔ <ul> 태그와 <ol> 태그 모두 목록 안의 목록을 만들 수 있다.

Example)

입력 => <ul>
		 <li>메뉴1</li>
            <ul>
           	   <li>소메뉴1</li>
               <li>소메뉴2</li>
         <li>메뉴2</li>
         <li>메뉴3</li>
       </ul>

✔ <ul> 태그와 <ol> 태그는 둘 다 부모태그로서 자식태그인 <li> 태그를 동반한다.