Get DevWP - WordPress Development Theme

HTML Elements

HTML documents are text files made up of HTML elements that utilize a Start Tag and a Ending Tag <tagname>Your content goes here</tagname>.

Your HTML document will use various HTML tags in various places for different purposes. Since HTML is a markup language, the tags help web browsers understand and display your content properly.

There are hundreds of HTML Tags to use but you will often use the ones listed below.

HTML Tags You’ll use most:

  • <!DOCTYPE>
  • <html></html>
  • <head></head>
  • <body></body>
  • <header></header>
  • <nav></nav>
  • <section></section>
  • <article></article>
  • <aside></aside>
  • <footer></footer>
  • <ul></ul>
  • <ol></ol>
  • <li></li>
  • <h1></h1> through <h6></h6>
  • <p></p>
  • <div></div>
  • <span></span>
  • <a></a>
  • <img/>

You will notice that most HTML tags have an opening tag and a closing tag. Some HTML tags are self closing which means they don’t have a companion tag.

As you get more practice with HTML, you will become more familiar with how to properly use them.

Sample HTML Code with tags.


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <meta name="description" content="Html Tutorial">
    <meta name="keywords" content="html, css, javascript etc">
    <title>Home Page</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
<header>
</header>
<nav>
</nav>
<section>
    <article>
        <h2></h2>
        <p></p>
    </article>
</section>
<aside>

</aside>
<footer>
    <ul>
        <li></li>
        <li></li>
        <li></li>
    </ul>
</footer>
</body>
</html>

Don’t worry if you’re not sure what’s taking place with the code above just yet. Throughout the various lessons here on PixemWeb, I’ll walk you through the process of learning what each tag does.



View Our Themes