html article tag example
This Blog You Will Learn
ஃ What is the HTML <article> tag?
ஃ What is the HTML <article> tag?
ஃ Why Use the <article> Tag?
ஃ Why Use the <article> Tag?
ஃ Syntax of HTML <article> tag
ஃ Explain Program
ஃ Output
ஃ Syntax of HTML <article> tag
ஃ Explain Program
ஃ Output
What is the HTML <article> tag?
✅HTML <article> tag is semantic HTML5 Element.
✅Represent a distinct piece of content that be distributed own.
✅define self contained independent content webpage.
Why Use the <article> Tag?
✔Semantic Meaning clearly browsers & search engines this independent content unit.
✔Better Accessibility Screen readers can navigate articles easily.
✔SEO use Search engines can better understand & index article content.
Syntax of HTML <article> tag
<article>
<!-- content here -->
</article>
html article tag example
Example
<!DOCTYPE html>
<html>
<body>
<h1> Article element html</h1>
<article>
<h2> Web designing theory blogspost</h2>
<p> webdesigningtheory.blogspot.com this website education
platform
student learn to the webdesigning subject HTML easy learn
programming language </p>
</article>
<article>
<h2> Web designing theory blogspost</h2>
<p> webdesigningtheory.blogspot.com this website education
platform
student learn to the webdesigning subject CSS easy learn
programming language </p>
</article>
<article>
<h2> Web designing theory blogspost</h2>
<p> webdesigningtheory.blogspot.com this website education
platform
student learn to the webdesigning subject PHP easy learn
programming language </p>
</article>
</body>
</html>
html article tag example
Explain Program
Step 1]
<!DOCTYPE html>
This declare the document type.
browser that the document is written in html
Step 2 ]
<html>.... . </html>
html is the root element of the html page.
Every thing inside it is part of the webpage.
Step 3]
<head>.....</head>
head section contain metadata about the webpage information
for the browser not display on the webpage.
Step 4]
<h1> Article element html</h1>
main heading of the entire page.
Step 5]
- <article> element
- article element use content can stand on own blog post, news article, post
- <article> new independent content block post
- <h2> - sub-heading
- <p> - paragraph
Step 5]
closing the Tag
</body>
</html>
html article tag example
Output
