Elements of the html

 

HTML Elements

The HTML element is everything from the start tag to the end tag:

<tagname>Content goes here...</tagname>

Examples of some HTML elements:

<h1>My First Heading</h1>
<p>My first paragraph.</p>

Nested HTML Elements

HTML elements can be nested (this means that elements can contain other elements).

All HTML documents consist of nested HTML elements.

The following example contains four HTML elements (<html><body><h1> and <p>):

<html>

<body>


<h1>My First Heading</h1>

<p>My first paragraph.</p>


</body>

</html>

 The <body> element defines the document's body.

It has a start tag <body> and an end tag </body>.

Then, inside the <body> element there are two other elements: <h1> and <p>:

<h1>My First Heading</h1>
<p>My first paragraph.</p>

The <h1> element defines a heading.

It has a start tag <h1> and an end tag </h1>:

<h1>My First Heading</h1>

The <p> element defines a paragraph.

It has a start tag <p> and an end tag </p>

Never Skip the End Tag

Some HTML elements will display correctly, even if you forget the end tag

Empty HTML Elements

HTML elements with no content are called empty elements.

The <br> tag defines a line break, and is an empty element without a closing tag

<!DOCTYPE html>

<html>

<body> 


<p>This is a <br> paragraph with a line break.</p>


</body>

</html>


Read More

Search This Blog

HTML Attributes

  HTML Attributes All HTML elements can have  attributes Attributes provide  additional information  about elements Attributes are always specified in  the start tag Attributes usually come in name/value pairs like:  name="value" The href Attribute The  <a>  tag defines a hyperlink. The  href  attribute specifies the URL of the page the link goes to: < a  href ="https://www.shop.com" >visit our shop < /a > <!DOCTYPE html> <html> <body> <h2>The href Attribute</h2> <p>HTML links are defined with the a tag. The link address is specified in the href attribute:</p> <a href="https://mundherohan.blogspot.com/">Visit My Website</a> </body> </html>   The src Attribute The  <img>  tag is used to embed an image in an HTML page. The  src  attribute specifies the path to the image to be displayed: <!DOCTYPE html> <html> <body> <h2>The src Attribute</h2&g

Html Basic

  HTML Documents All HTML documents must start with a document type declaration:  <!DOCTYPE html> . The HTML document itself begins with  <html>  and ends with  </html> . The visible part of the HTML document is between  <body>  and  </body> . Example <!DOCTYPE html> <html> <body> <h1>My First Heading</h1> <p>My first paragraph.</p> </body> </html>   The <!DOCTYPE> Declaration The  <!DOCTYPE>  declaration represents the document type, and helps browsers to display web pages correctly. It must only appear once, at the top of the page (before any HTML tags). The  <!DOCTYPE>  declaration is not case sensitive. The  <!DOCTYPE>  declaration for HTML5 is: <!DOCTYPE html> HTML Headings HTML headings are defined with the  <h1>  to  <h6>  tags. <h1>  defines the most important heading.  <h6>  defines the least important heading:  <!DOCTYPE html> <htm