PROJECT CODE

                                            The Developers Choice!!!!
                                                                                                            Home | About Us | Contact Us

HTML TUTORIALS

Lecture5 : Elements

What is HTML Element
An HTML element is an individual component of an HTML document or web page, once this has been parsed into the Document Object Model. HTML is composed of a tree of HTML elements and other nodes, such as text nodes. Each element can have HTML attributes specified. An HTML element is everything from the start tag to the end tag . Such as Start tag <p>, <h1> ,<a> and End tag as </p>, </h1>, </a>.
What is syntax of HTML Element
  • An HTML element starts with a start tag / opening tag
  • An HTML element ends with an end tag / 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
What is Nested HTML Element
  • Most HTML elements can be nested (can contain other HTML elements).
  • HTML documents consist of nested HTML elements.
How to implement HTML Document
Example :
<!DOCTYPE html>
<html>
<body>

<p>This is first paragraph </p>

</body>
</html>


Output :

This is first paragraph

Explanation of HTML Example
The <p> elements:

<p>This is 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> elements:

<body>
<p>This is 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> elements:

<html>
<body>

<p>This is 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).
   
All Rights Reserved with Project code