본문 바로가기
프론트엔드

HTML 리스트

by 김씨 학생 2024. 1. 17.
리스트

 

 

리스트 (LIST)

여러 요소들을 일렬로 나열한 목록이나 명단으로 서비스 목록을 아이콘으로 나열할 때도 많이 사용된다.

 

 

리스트 태그 종류

ol 태그 Ordered List의 약자로 순서가 있는 리스트를 뜻한다.
ul 태그 Unordered List의 약자로 순서가 없는 리스트를 뜻한다.
li 태그 List의 약자로 ol태그 또는 ul태그의 자식이 되는 태그이다.

 

 

 

리스트 태그 사용 예시

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <h2>제3조 (서비스의 제공)</h2>
    <h3>(1) 회사가 제공하는 서비스의 종류는 아래 각 호로 합니다.</h3>
    <ol>
        <li>티스토리(Tistory) 서비스</li>
        <li>기타 회사가 자체 개발하는 등의 방법으로 추가적으로 회원에게 제공하는 일체의 서비스</li>
    </ol>
</body>
</html>

 

(티스토리 약관 제3조)

'프론트엔드' 카테고리의 다른 글

HTML 이미지 태그  (0) 2024.01.17
HTML 링크 태그  (0) 2024.01.17
HTML 속성  (0) 2024.01.17
HTML 기본 형태 및 서식 태그  (0) 2024.01.12
웹 개발을 배우기 전에 알면 좋은 용어!  (0) 2024.01.12