[go] HTML 템플릿

21 Dec 2023

HTML(하이퍼텍스트 마크업 언어)은 웹 페이지의 구조를 정의하는 데 사용되는 표준 마크업 언어입니다. HTML 템플릿을 작성하여 웹 사이트를 만들 때 사용할 수 있습니다.

기본 구조

다음은 기본적인 HTML 템플릿의 구조입니다.

<!DOCTYPE html>
<html>
<head>
    <title>제목</title>
</head>
<body>
    <h1>안녕하세요, 세계!</h1>
    <p>이것은 간단한 HTML 템플릿입니다.</p>
</body>
</html>

템플릿 작성

<!DOCTYPE html>
<html>
<head>
    <title>나만의 웹 페이지</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            background-color: #f4f4f4;
        }
        header {
            background-color: #333;
            color: #fff;
            padding: 10px;
            text-align: center;
        }
    </style>
</head>
<body>
    <header>
        <h1>나만의 웹 페이지</h1>
    </header>
    <nav>
        <ul>
            <li><a href="#">홈</a></li>
            <li><a href="#">소개</a></li>
            <li><a href="#">서비스</a></li>
            <li><a href="#">문의</a></li>
        </ul>
    </nav>
    <section>
        <h2>소개</h2>
        <p>안녕하세요! 이 웹 페이지는 HTML 템플릿을 만드는 방법을 보여주는 페이지입니다.</p>
    </section>
</body>
</html>

결론

HTML 템플릿을 작성함으로써 웹 페이지의 구조를 정의하고 스타일을 적용할 수 있습니다. 웹 개발을 위한 기본 지식을 활용하여 다양하고 멋진 웹 페이지를 만들어보세요.

더 많은 정보는 다음에서 확인할 수 있습니다.

MDN 웹 문서