HTML Article Structure

By Tony 2023.2.26


Most of the content on a webpage is usually articles. Article contains headings, paragraphs, images, and other elements.

Today, we will introduce tags to use when writing an article on your webpage.
Here is an example article structure:

<article>
cpc<h1>Lorem</h1>
cpc<p>Lorem, ipsum dolor sit amet consectetur adipisicing
cpcelit. Praesentium repellat quia sequi sunt sint.</p>
</article>

This is a basic structure of an article. We used <article> tags first. They tell browser the elements and contents inside these tags are an article.
Then, we typed the <h1> heading tags called "Lorem".
Finally, we have <p> tags for paragraph and some lorem ipsum.
At the end, we added the </article> closing tag to close the <article> section.
Here is the output (Highlighted Area):

Lorem

Lorem, ipsum dolor sit amet consectetur adipisicing elit. Praesentium repellat quia sequi sunt sint.

In this example, we created different tags to organize an article. <Article> tags are wrappers. They helped organize and seperate contents so it's easier to read the code. <h1> tags are very useful when writing articles. <p> tags are also very important. Have fun trying these tags!