초보자도 쉽게 따라할 수 있는 코드 스니펫

https://embed.notion-tools.com/block/html/?c=<iframe src%3D"https%3A%2F%2Fads-partners.coupang.com%2Fwidgets.html%3Fid%3D782611%26template%3Dcarousel%26trackingCode%3DAF3476135%26subId%3D%26width%3D680%26height%3D140%26tsource%3D" width%3D"680" height%3D"140" frameborder%3D"0" scrolling%3D"no" referrerpolicy%3D"unsafe-url" browsingtopics><%2Fiframe>nt

✅ HTML이란?

<aside> 📢 HTML (HyperText Markup Language)은 웹 페이지를 만들기 위한 표준 마크업 언어입니다. 웹 페이지의 구조를 정의하며, 웹 콘텐츠의 의미와 구조를 설명하는 데 사용됩니다.

</aside>

<script async src="<https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-9264498716550769>"
     crossorigin="anonymous"></script>
<ins class="adsbygoogle"
     style="display:block; text-align:center;"
     data-ad-layout="in-article"
     data-ad-format="fluid"
     data-ad-client="ca-pub-9264498716550769"
     data-ad-slot="1740392156"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

✅기본 HTML 구조

<!DOCTYPE html>
<html lang="ko">
<head>
    <meta charset="UTF-8">
    <title>기본 페이지</title>
</head>
<body>
    <header>
        <h1>웹사이트 제목</h1>
    </header>
    <nav>
        <ul>
            <li><a href="#">홈</a></li>
            <li><a href="#">서비스</a></li>
            <li><a href="#">팀</a></li>
        </ul>
    </nav>
    <section>
        <h2>본문 제목</h2>
        <p>본문 내용이 여기에 들어갑니다.</p>
    </section>
    <footer>
        <p>저작권 정보가 여기에 들어갑니다.</p>
    </footer>
</body>
</html>

✅주요 HTML 태그

<aside> 📢 주로 사용되는 HTML 태그 모음 입니다.

</aside>

제목 태그 <h1> ~ <h6>

<h1>가장 큰 제목</h1>
<h2>두 번째로 큰 제목</h2>

단락 태그 <p>

<p>이것은 단락입니다. 여기에 텍스트가 들어갑니다.</p>

링크 태그 <a>

<a href="<https://www.example.com>" target="_blank">This is a link</a>