New version is available Now! | Checkt it Quickly
Levoric Learn LOGO

Levoric Learn


HTML Tutorial

Introduction <article> tag

The <article> part of the HTML code is used to show a complete piece in writing on documents, pages and sites. It can be shared or reused by itself (like sharing it somewhere else). Examples include: A blog post, a magazine or newspaper piece, or user-submitted thoughts could be forum posts. A product card might feature interactive devices and may contain its own info. But any one thing in itself is separate content like these examples listed above.

Every article should have a name, usually by adding a headline (<h1>, <h2>, <h3>, <h4>, <h6>) tag as part of the content contained in <article>.
When a <article> part is inside another, the outer one has an article about what's in it. For example, the comments of a blog post can be <article> items inside the main <article>.
You can give information about the writer of an <article> part by using the <address> piece, but it's not for smaller parts inside big ones.
You can use the datetime attribute of a <time> element to talk about when an article was published.
The <article> tag shows separate and stand-alone content.
An article needs to be understandable by itself and it should not need the rest of the website for sharing.
Potential sources for the <article> element:

HTML Example
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset ="UTF-8">
<!--This is our webpage it's our very first webpage-->
<title>Levoric | HTML Fundamentle Tutorial</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<!--Write your content here levoriclearn top degree online and program-->
<header>
<h1>Main Heading<h1>
</header>

<main>
<article>
<h2>Article Title</h2>
<p>Main article content goes here.<p>
</article>
</main>

<aside>
<h2>Related Links<h2>
<ul>
<li><a href="#">Link 1</a></li>
<li><a href="#">Link 2</a></li>
<li><a href="#">Link 3</a></li>
</ul>
</aside>

<footer>
<p>Copyright © 2023 Your Website</p>
</footer>
<!--Write your content here levoriclearn top degree online and program-->
</body>
</html>

output

Main Heading
Article Title

Main article content goes here.

Copyright © 2023 Your Website



Support Browser
Element LevoricLearn-education-top-university-degree LevoricLearn-education-top-university-degree LevoricLearn-education-top-university-degree LevoricLearn-education-top-university-degree
<article> Yes Yes Yes Yes Yes