CLASS web

HTML

section 태그

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>HONDA</h1>
        <p>혼다 소이치로가 만든 자동차 회사이다.</p>
    </section>
</body>
</html>

결과는 바로 아래에서 확인할 수 있습니다.







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





댓글 0개

정렬기준

PinkCoding

PinkCoding

X

PinkCoding

Web Scratch Pad

X

loading

            
            
        

컨텐츠로 돌아가기