02_HTML 목록관련태그

gotcha!!·2023년 2월 9일
0

HTML

목록 보기
2/9
<!DOCTYPE html>
<html lang="ko">
    <head>
        <meta charset="UTF-8">
        <title>02_목록관련태그</title>
    </head>
    <body>
        <h1>02_목록관련태그</h1>

        <h3> ul 태그 : 순서 없는 목록을 작성하는 태그(영역)</h3>
        <h3>li(List Item) 태그 :  목록에 들어가는 내용을 작성하는 태그 </h3>
        

        <ul>
            <li>김밥</li>
            <li>서브웨이</li>
            <li>백반</li>
            <li>햄버거</li>
        </ul>


        <h3>ol 태그(Ordered List) : 순서있는 목록을 작성하는 태그</h3>


        <pre>

            기본값 : 1부터 1씩 증가하는 숫자

            * ol 태그의 type 속성 *

            type = "a"  --> 영어 소문자 순서
            type = "A"  --> 영어 대문자 순서
            type = "i"  --> 로마 소문자 순서
            type = "I"  --> 로마 대문자 순서

            + 추가 속성
            statr = "5"  --> 순서가 5부터 시작
            reversed     --> 순서 반대로
            

        </pre>
        
        <ol type ="1" start = "5" reversed>
            <li>김밥</li>
            <li>서브웨이</li>
            <li>백반</li>
            <li>햄버거</li>
        </ol>

        <ol type = "a">
            <li>김밥</li>
            <li>서브웨이</li>
            <li>백반</li>
            <li>햄버거</li>
        </ol>

        <ol type = "A">
            <li>김밥</li>
            <li>서브웨이</li>
            <li>백반</li>
            <li>햄버거</li>
        </ol>


        <ol type = "i">
            <li>김밥</li>
            <li>서브웨이</li>
            <li>백반</li>
            <li>햄버거</li>
        </ol>

        <ol type = "I">
            <li>김밥</li>
            <li>서브웨이</li>
            <li>백반</li>
            <li>햄버거</li>
        </ol>






    </body>
</html>
profile
ha lee :)

0개의 댓글