3. HTML - 목록 관련 태그

목록 관련 태그는 목차나 순서 등 목록에 관련된 태그이다.

목록 관련 태그 : <ul></ul>  /  <ol></ol>  / <li></li>

 

• <li></li> 태그 : ul, ol 태그 내부에 들어갈 목록의 요소를 나타내는 태그

 

• <ul></ul> 태그 : Unordered List - 순서가 없는 목록을 나타내는 태그

작성한 코드 화면	웹에서 출력된 화면

* ul태그는 li 태그와 같이 사용을 해야지 목록으로 작성이 된다.
* ul태그 안에 ul태그를 또 작성할 수 있다.

 

 

• <ol></ol> 태그 : 순서가 있는 목록
• ol태그에 type 속성을 지정해 줄 수 있다.

ol 태그 type을 1로 설정한 코드 화면	1부터 순차적으로 목록이 생성된 웹 출력 화면
ol태그 type을 1로 설정 & reversed를 작성한 코드 화면	resversed로 인해 목록의 숫자 순서가 반대로 출력된 웹 화면
ol태그 type을 1로 설정 & start를 5로 작성한 코드 화면	start 시작 번호를 5로 지정해서 5부터 순차적으로 목록이 출력된 웹 화면
ol태그 type을 a로 작성한 코드 화면	소문자 a부터 순차적으로 목록이 출력된 웹 화면
ol태그 type을 A로 작성한 코드 화면	대문자 A부터 순차적으로 목록이 출력된 웹 화면
ol태그 type을 i로 작성한 코드 화면	소문자 로마숫자부터 순차적으로 목록이 출력된 웹 화면
ol태그 type을 I로 작성한 코드 화면	대문자 로마숫자부터 순차적으로 목록이 출력된 웹 화면