HTML/HTML_TEST

ol, li tag_TEST

ldh1123 2023. 3. 7. 22:56

ol, li tag_TEST

 

<!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>Document</title>
</head>
<body>
    
    <h1>레드향 샐러드 레시피</h1>
        <strong>재료:</strong> 레드향 1개, 아보카도 1개, 토마토 1개, 샐러드채소 30g
        <strong>드레싱:</strong> 올리브유 1큰술, 레몬즙 2큰술, 꿀 1큰술, 소금 약간
    <h2>재료 준비</h2>
        <blockquote>
            <ol type="a">
                <li>샐러드 채소를 씻어 물기를 제거한 후 먹기 좋게 썰어서 준비합니다.</li>
                <li>레드향과 아보카도, 토마토도 먹기 좋은 크기로 썰어 둡니다.</li>
            </ol>
        </blockquote>
    <h2>드레싱 준비</h2>
        <blockquote>
            <ol type="a" start="3">
                <li>드레싱 재료를 믹서에 한꺼번에 넣고 갈아줍니다.</li>
            </ol>
        </blockquote>
    <h2>샐러드 완성</h2>
        <blockquote>
            <ol type="a" start="4">
                <li>볼에 샐러드 채소와 레드향, 아보카도, 토마토를 넣고 드레싱을 뿌리면 끝!</li>
            </ol>
        </blockquote>

</body>
</html>

 

Github

Link