Home Lessons LAMP HTML/CSS PHP MySQL JavaScript YouTube Blog PHP Fiddle

Intro to HTML: Elements

An HTML element is any individual component within the web page. Most elements will consist of a starting element tag, content, then an ending tag. However, some elements do not require an ending tag.

Syntax:


<!DOCTYPE html>
<html>
  <head>
    <!-- Page Title-->
    <title>Title</title>
  </head>
  <!-- Main Content Area-->
  <body>
    <!-- Navigation-->
    <nav>
      <!-- Links-->
      <a href ='https://www.youtube.com/channel/UC-gCUMK_EGUqJ7P9VA7BJmQ'>YouTube</a>
      <a href='https://www.facebook.com/codingcommanders/'>Facebook</a>
      <a href='https://www.instagram.com/codingcommanders'>Instagram</a>
      <a href='https://github.com/codingCommanders/'>GitHub</a>
    </nav>
    <!-- Heading-->
    <h1>The Aliens are Coming!</h1>
    <!-- Image Container-->
    <div>
      <img src="https://s-media-cache-ak0.pinimg.com/originals/68/4c/7c/684c7c6a211773c17f7eefb116700440.jpg">
    </div>
    <!-- Form-->
    <form>
      <!-- Paragraph-->
      <p>Today is the day that Earth will be visited by aliens.  I can see the spaceships in the sky. No ships,
      have landed yet, so we do not know if the aliens are nice or mean.  What do you think?</p>
    </form>
  </body>
</html>

        

Example Elements:




✶ Head

✶ Title

✶ Navigation

✶ Link

✶ Heading

✶ Image Container

✶ Image

✶ Form

✶ Paragraph

Run the code in the code editor box below. Then, play around with the code to make a page of your own.