728x90
반응형
CSS 태그 - ol, ul, dl, li
ol: ordered list - 순서를 고려하는 리스트
ul: unordered list - 순서를 고려하지 않는 리스트
dl: definition list - 사전과 같은 뜻을 정의해주는 리스트
위의 3개의 태그는 in-line text 형식의 태그로 div와 같은 blocked 태그처럼 줄바꿈이 생기지 않는다.
위의 태그 안에 li - list item 태그를 사용하여 아이템 데이터를 정의해줄 수 있다.
사용 예시:
<body>
<ol>
<li>1</li>
<li>2</li>
</ol>
<ul>
<li>1</li>
<li>2</li>
</ul>
<dl>
<dd>1</dd>
<dd>2</dd>
</dl>
</body>
출력문:
- 1
- 2
- 1
- 2
12
728x90
반응형
'국비과정 > HTML & CSS' 카테고리의 다른 글
| 이클립스와 VSC (비주얼 스튜디오 코드) 연동하여 사용하는 법 - 최종 (0) | 2022.03.09 |
|---|---|
| HTML tag 종류 (in-line tag, blocked tag) (0) | 2022.03.08 |
| HTML에서 css파일, JavaScript 파일 연결하는 방법 (0) | 2022.03.08 |
| 기기별 해상도 - 반응형 웹 설정하는 법 (@media) (0) | 2022.03.06 |
| CSS flex box의 정의, 사용 방법 & 반응형 웹사이트 (position) (0) | 2022.03.06 |