section 태그

section태그는 서브 제목과 해당 제목에 대한 내용을 작성하는 구조일 때 사용합니다.

section 태그 사용 방법

<section>
    <h1>제목</h1>
    <p>내용</p>
</section>

예제를 통하여 알아보겠습니다.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>section 태그</title>
</head>
<body>
    <section>
        <h1>Disney</h1>
        <p>월트 디즈니가 만든회사로 대표적인 캐릭터는 미키마우스다.</p>
    </section>
    <section>
        <h1>Apple</h1>
        <p>스티브 잡스와 스티브 워즈니악이 만든 회사로 인류의 삶을 100년 앞당긴 회사이다.</p>
    </section>
    <section>
        <h1>coreasur</h1>
        <p>코딩 사이트로 김태영이 만든 사이트다</p>
    </section>
    <section>
        <h1>tomodevel</h1>
        <p>코딩 사이트로 김태영이 만든 일본어로 만들어진 사이트다</p>
    </section>
    <section>
        <h1>start web coding</h1>
        <p>코딩 사이트로 김태영이 만든 영어로 만들어진 사이트다</p>
    </section>
</body>
</html>

위의 소스 실행 버튼을 눌러 실행을 해보면 결과를 알 수 있습니다.