article css code example

Example 1: html article

<article>
  <h2>Article Header</h2>
  <section>
	<h3>Section Header</h3>
 	<p>Paragraph</p>
	<p>Paragraph</p>
	<p>Paragraph</p>
  </section>
  <section>
 	<h3>Section Header</h3>
	<p>Paragraph</p>
	<p>Paragraph</p>
	<p>Paragraph</p>
  </section>
</article>

Example 2: uses of div, section and article tag in html

<span> - used to stylize a very small part of text by CSS(Cascading Style Sheets).
   <div> - groups content, used mainly to add a class to a groups of different tags and apply CSS.
   <section> - groups related content, helps the  disabled people to communicate to the computer through the assistive technology , forexample: for the screen readers.etc
   <article> - groups independent, self-contained content, helps the  disabled people to communicate to the computer through the assistive technology , forexample: for the screen readers.etc

Example 3: html semantic layout

<!DOCTYPE html>
<html lang='en'>
  <head>
    <meta charset='UTF-8'/>
    <title>Semantic HTML</title>
  </head>
  <body>

    <h1>Interneting Is Easy!</h1>
    <ul>
      <li><a href='#'>Home</a></li>
      <li><a href='#'>About</a></li>
      <li><a href='#'>Blog</a></li>
      <li><a href='#'>Sign Up</a></li>
    </ul>

  </body>
</html>

Tags:

Html Example

Recent Posts