HTML Article tag
Article tag in HTML?
The "Article" tag in HTML is used to mark a self-contained, independent piece of content material inside a web page. It's commonly used for such things as weblog posts(blog), news articles, discussion board posts, or any content material that can stand on my own.
Example of Article tag
The "Article" tag is sort of a digital article in a magazine. It's used to wrap content that can be study or understood on its personal, break away the rest of the page.
Example
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Welcome to Tanzania Programmers</title>
<style>
body {
font-family: 'Arial', sans-serif;
text-align: center;
margin-top: 50px;
font-size: 18px;
}
article {
width: 70%;
margin: auto;
background-color: #ecf0f1; /* Light gray background for the article */
padding: 20px;
border-radius: 5px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); /* Box shadow for a subtle lift */
}
h1 {
color: #3498db; /* Blue color for heading */
}
</style>
</head>
<body>
<article>
<h1>Welcome to Tanzania Programmers.com</h1>
<p>Tanzania Programmers is a website that offers free help and 24hrs support.</p>
</article>
</body>
</html>
Try it Yourself »