Beginner Marketing Training

Coaching With Jon | Internet Marketing Training For Beginners - Beginner Marketing Training

HTML Module 4

HTML Elements

HTML documents are defined by HTML elements.

  • An HTML element is everything from the start tag to the end tag:
Start Tag Element Content Closing Tag
<p> This is a paragraph </p>
<a href=”http://site.com” > This is a link </a>

HTML Element Structure

  • An HTML element starts with a start tag
  • An HTML element ends with a closing tag
  • The element content is everything between the start and the end tag
  • Some HTML elements have empty content
  • Empty elements are closed in the start tag
  • Most HTML elements can have attributes

I’ll cover attributes in the next tutorial*


HTML Document Example

<html>

<body>
<p>This is my first paragraph.</p>
</body>

</html>

The example above contains 3 HTML elements


HTML Example Explained

The <p> element:

<p>This is my first paragraph.</p>

The <p> element defines a paragraph in the HTML document.
The element has a start tag <p> and an end tag </p>.
The element content is: This is my first paragraph.

The <body> element:

<body>
<p>This is my first paragraph.</p>
</body>

The <body> element defines the body of the HTML document.
The element has a start tag <body> and an end tag </body>.
The element content is another HTML element (a p element).

The <html> element:

<html>

<body>
<p>This is my first paragraph.</p>
</body>

</html>

The <html> element defines the whole HTML document.
The element has a start tag <html> and an end tag </html>.
The element content is another HTML element (the body element).

Don’t forget your closing tags. Some HTML elements might not display correctly without closing tags.


Empty HTML Elements

HTML elements with no content are called empty elements.

<br> is an empty element without a closing tag (the <br> tag defines a line break).

Next I’ll cover using a WYSIWYG editor to make creating webpages easy!

Your email address will not be published. Required fields are marked *

*

WP-SpamFree by Pole Position Marketing