Learning web design (2)

This article introduces web design for the beginner.

Previous: Learning web design (1) - Next: Learning web design (3)

Semantic HTML

"Semantic" or "semantics" refers to meaning.

Semantic HTML is HTML which emphasizes the meaning behind HTML elements.

Some HTML elements are more semantic than others.

Example: articles

<main>
  <h1>Introduction to web design</h1>
  <p>This page introduces web design.</p>
  <p>(Actually a demonstration of the article element, using web design as a theme.)</p>
  
  <article>
    <h1>Text</h1>
    <p>Web design begins with text.</p>
  </article>

  <article>
    <h1>HTML</h1>
    <p>HTML is a markup language. It provides structure.</p>
  </article>

  <article>
    <h1>Cascading Style Sheets (CSS)</h1>
    <p>CSS is a style language. It provides look and feel.</p>
  </article>
</main>

Example

Learning web design (3)

See Learning web design (3).

See also

• Web design