HTML 강의_List_UL_DL_리스트(목록) 관련 태그 사용 예제

12/12/2021
2 minutes to read

강의

코드: list-ul-dl-contactpage.html

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>리스트 사용 예제</title>
</head>
<body>

    <div>
        <h3>연락처</h3>
        <ul>
            <li>
                <span>서울: </span>
                <span>02-1234-1234</span>
            </li>
            <li>
                <span>세종: </span>
                <span>044-1234-1234</span>
            </li>
            <li>
                <span>부산: </span>
                <span>051-1234-1234</span>
            </li>
        </ul>

        <dl>
            <dt><span>기술 지원 부서:</span></dt>
            <dd>
                <a href="mailto:tech@devlec.com">
                    <span>tech@devlec.com</span>
                </a>
            </dd>
        </dl>

        <dl>
            <dt><span>마케팅 부서:</span></dt>
            <dd>
                <a href="mailto:sales@devlec.com">
                    <span>sales@devlec.com</span>
                </a>
            </dd>
        </dl>
    </div>

</body>
</html>

실행

HTML 태그

추천 자료: .NET Blazor에 대해 알아보시겠어요? .NET Blazor 알아보기를 확인해보세요!