View video tutorial
HTML Sectioning Elements
HTML
Sectioning elements make the section as heading, section and footer.
HTML Sectioning elements
➔ Sectioning content determines the scope of the heading and footer.
Sectioning elements are
<article>,
<aside>,
<nav>,
<section>.
Example <article>
<!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta charset="utf-8" />
<title>HTML article element example</title>
<style>
article {
background-color: #e7e9eb;
padding: 10px;
}
</style>
</head>
<body>
<h1>HTML article element example</h1>
<p>The article tag is used to represent self contained content.</p>
<article>
<h2>HTML article Tag</h2>
<p>The <article> tag represent independent, self-contained content. An article is used to write a content
for complete blog or part of a blog and can distribute and describe it independently from the rest of the
content.</p>
</article>
</body>
</html>
Copy code and click on the "Try it Now" button to see how it works.