본문 바로가기

DATA 분석 교육 과정 (2024.02~08)/HTML

HTML_[body] 리스트 태그

728x90
  <!-- 리스트 태그 -->
<!-- 리스트 공간 선언: ol,ul-->
<!-- 리스트 안의 실직적인 데이터: li -->
<!-- ol,ul 이든 li 태그가 필요하다. -->

<!-- ol(odered list): 순서가 있는 리스트  -->
<ol>
 <li> 물 넣기 </li>
 <li> 스프넣기</ii>
 <li> 면 넣기 </li>
</ol>
<!-- ul(unordered list): 정돈되어있지 않은 리스트  -->

<ul>
    <li> 잠옷</li>
    <li> 양말</li>
    <li> 선크림</li>
</ul>

<!-- li(list item): 목록안에 실질적인 데이터를 정의할때 사용 -->

<!-- 팁~!!
 정돈되어있는 3개의 항목처럼 정해져있는 list 경우
ol >li*3 -->

 

출처: 스마트인재개발원

728x90
반응형

'DATA 분석 교육 과정 (2024.02~08) > HTML' 카테고리의 다른 글

HTML_[body] form 태그  (0) 2024.04.04
HTML_[body] 테이블 태그  (0) 2024.04.04
HTML_[body] a 태그  (0) 2024.04.04
HTML_[body] 이미지 태그  (0) 2024.04.04
HTML_[body] 본문 태그  (1) 2024.04.04