IT수업/HTML+CSS

it수업 1~2주차 (3)

워제하 2024. 1. 2. 19:09

 

 

<실행화면>

 

<ul> : 리스트형 구조 생성 태그, 순서번호가 없음

<ol> : 순서번호가 있는 리스트 

         type = "a(영어 소문자)", "A(영어 대문자)", "i(로마자 소문자)", "I(로마자 대문자)", "1(숫자)"

 

 

 <실습>

만들어 보기!

 

(코드)

<!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>
    <ul>
        <li>2023학년도 수강과목
            <ol type="1">
                <li>HTML/CSS/JS</li>
                <li>Jquery</li>
                <li>React</li>
                <li>BootStrap</li>
            </ol>
        </li>
        <li>
            학년
            <ol type="A">
                <li>
                    1학년
                    <ul>
                        <li>HTML/CSS/JS/JQuery</li>
                    </ul>
                </li>
                <li>
                    2학년
                    <ul>
                        <li>BootStrap / Clone Coding</li>
                    </ul>
                </li>
                <li>
                    3학년
                    <ul>
                        <li>React Redux</li>
                    </ul>
                </li>
                <li>
                    4학년
                    <ul>
                        <li>Type Script/Next.js</li>
                    </ul>
                </li>
            </ol>
            </li>
            <li>
                백엔드 언어
                 <ol type="I">
                     <li>JAVA</li>
                     <li>JSP</li>
                     <li>Servlet</li>
                     <li>Spring</li>
                     <li>Spring Boot</li>
                 </ol>
            </li>
    </ul>
</body>
</html>