CLASS web

HTML

article 태그

article 태그

article태그는 신문기사, 블로그의 글등 작성할 때 사용합니다. section태그와 비슷하지만 section태그는 서로 연관이 있는 내용에 대해 사용합니다.
article는 독립적인 글을 작성할 때 사용합니다.

article 태그 사용 방법

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

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

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>article 태그</title>
</head>
<body>
    <article>
        <h1>Disney</h1>
        <p>월트 디즈니가 만든회사로 대표적인 캐릭터는 미키마우스다.</p>
    </article>
    <article>
        <h1>화웨이의 미래는?</h1>
        <p>미 대통령 트럼프의 중국 압박 수준이 올라가고 있다.</p>
    </article>
</body>
</html>

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







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

위와 같이 서로 전혀 연관성이 없을 때 사용한다.





댓글 0개

정렬기준

PinkCoding

PinkCoding

X

PinkCoding

Web Scratch Pad

X

loading

            
            
        

컨텐츠로 돌아가기