프로그래밍 독학/html

[html] 다양한 태그_01

ballbig 2021. 2. 3. 18:17
728x90

1. ul, ol & li- 순서 목록 표시 태그

  • <ol> : 1,2,3.... 과 같이 숫자로 목록을 생성
  • <ul> : 동그란 점(•)으로 목록을 생성
    • <li> : ol과 ul의 자식요소, <li></li>은 한 목록을 의미 (필요에 따라 여러개 생성!)

1
2
3
4
5
6
7
8
9
10
11
12
13
<!--ol 예시 코드-->
<ol>
    <li>수박</li>
    <li>복숭아</li>
    <li>딸기</li>
</ol>
 
<!--ul 예시 코드-->
<ul>
    <li>자몽</li>
    <li></li>
    <li>포도</li>
</ul>
cs

 

[작성 예시]  

<ol>

         <li> 목록1이름 <li>

         <li> 목록1이름 <li>

         <li> 목록1이름 <li>

</ol>