도담도담

[HTML] ol 태그와 ul 태그 본문

IT 공부/개인정리

[HTML] ol 태그와 ul 태그

Zinisang 2021. 7. 25. 13:36

ol 태그

ol 태그는 Ordered List 의 약자로 기본적으로 순서를 나타내며,

기본형식은 아래의 형식을 따른다.

<ol>
    <li></li>
    <li></li>
</ol>

간단한 목록 설정또한 바로 적용할 수 있는데,

'type' 속성을 통해 리스트 설정을 할 수 있다.

(설정하지 않을 시에는 숫자를 기본 값으로 사용한다)

 

See the Pen ol by lsj5634 (@zinisang) on CodePen.

 

 


ul태그

ul 태그는 Unordered List 의 약자로 기본적으로 순서없는 리스트이며,

기본형식은 아래의 형식을 따른다.

<ul>
    <li></li>
    <li></li>
</ul>

간단한 목록 설정또한 바로 적용할 수 있는데,

'list-style-type' 속성을 통해 리스트 모양을 설정하거나 없앨 수 있다.

(설정하지 않을 시에는 기본인 disc 값으로 사용된다)

 

See the Pen ul by lsj5634 (@zinisang) on CodePen.

'IT 공부 > 개인정리' 카테고리의 다른 글

IntelliJ (인텔리제이) 배경이미지  (0) 2021.07.29
Git 과 GitHub  (0) 2021.07.29
[HTML] 기본 테이블 만들기  (0) 2021.07.24
[HTML] 시멘틱 태그 (Semantic tag)란?  (0) 2021.07.23
[HTML] 하이퍼링크(a href) 꾸미기  (0) 2021.07.21
Comments