html 리스트

tpids·2024년 5월 28일

HTML, CSS

목록 보기
2/19

목록을 만들 수 있는 리스트 태크

종류 2가지 :
1.순서가 있는 리스트(ol)
2.순서가 없는 리스트(ul)

주의점 : 반드시 li태그로 내용들을 감싸줘야한다.
이유 : 각각의 데이터가 의미를 가졌기 때문에

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <!--
        목록을 만들 수 있는 리스트 태크
        종류 2가지 : 1.순서가 있는 리스트(ol) / 2.순서가 없는 리스트(ul)
        주의점 : 반드시 li태그로 내용들을 감싸줘야한다.
        이유 : 각각의 데이터가 의미를 가졌기 때문에
    -->
    <h2>마스코트</h2>
    <hr>
    <ul>
        <li>호걸이</li>
        <li>호연이</li>
        <li>호야</li>
    </ul>
    <h2>각주</h2>
    <hr>
    <ol>
        <li>구단 명칭은 영문 KIA로 표기하지만 회사명은 한글 기아로 표기한다.</li>
        <li>전 후기</li>
        <li>해태 타이거즈 기아에 팔린다 - 한국경제</li>
    </ol>
</body>
</html>를 입력하세요
profile
개발자

0개의 댓글