HTML 목록 태그 li, ul, ol

HTML 목록 태그 li, ul, ol

 

li 태그

list, 목록 태그, 부모 태그 필수

ol 태그

ordered list, 숫자나 알파벳 등 순서가 있는 목록, 자식 태그 필수

ul 태그

unordered list, 순서가 없는 목록, 자식 태그 필수

 

 

HTML 출력 화면, 코딩 화면

리스트 태그

리스트 태그 li
  <br>
  <li>1.HTML </li>
  <li>2.CSS </li>
  <li>3.JavaScript </li>

  <ul>
    ul 태그
  <li>ul 태그는 li 태그의 부모태그</li>
  <li>ul 태그는 어디까지가 연관된 항목인지 경계짓기</li>
  <li>ul 태그는 반드시 자식 태그 갖음</li>
  <li>li 태그는 반드시 부모 태그 갖음</li>
  </ul>

  <ol>
  ol 태그는 자동으로 1.2.3. 넘버링을 해준다
  <li>리스팅을 해준다</li>
  <li>리스팅을 해준다</li>
  <li>리스팅을 해준다</li>
  <li>리스팅을 해준다</li>
  <li>리스팅을 해준다</li>
  </ol>