HTML, CSS

중첩 태그 사용 예시

JooKit 주킷 2021. 5. 31. 23:12
목차 접기
728x90
반응형
<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>네비게이션 태그(중첩 목록)</title>
</head>
<body>
    <ul>

        <!-- 첫 번째 목록 -->
        <li>
            <b>방송국</b>
            <ol>
                <li>KBS</li>
                <li>MBC</li>
                <li>JTBC</li>
                <li>SBS</li>
                <li>TV조선</li>
            </ol>
        </li>
        <!-- 두 번째 목록 -->
        <li>
            <b>상표</b>
            <ol type="i">
                <li>나이키</li>
                <li>르까프</li>
                <li>아디다스</li>
                <li>프로스펙스</li>
                <li>폴햄</li>
            </ol>
        </li>
    </ul>
</body>
</html>
728x90
반응형
LIST