HTML Elements

An HTML element is defined by a start tag, some content, and an end tag.

<tagname> is called start tag. </tagname> is called end tag.

Syntax

<tagname> write here Content </tagname>

example:
<h1> This is html element </h1>

Program

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1> This is a element </h1>
<p> This is also element </p>
<b> bold </b>  <span>span</span>

</body>
</html>

Try in editor

Note: Some HTML elements have no content (like the <img> element). These elements are called empty elements. Empty elements do not have an end tag!

HTML Document

<!DOCTYPE html> is used for html5 documents. <html> is called root element. <head> element contains meta information of web pages. <title> element display content in browser's title bar. It is also useful for SEO.

<h1> is used to define a large heading. Mostly developers use only one h1 tag in a web page. <p> element defines a paragraph.

Program

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

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

</body>
</html>

Try in editor

Do not forget the end tag

If you are forgetting the end tag then it will create problem in complex web designing.

Program

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1> This is a element 
<p> This is also element 

</body>
</html>

Try in editor

HTML element is not case sensitive

<h1< same as <H1>

Program

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title>
</head>
<body>

<h1> This is a element 1</h1>
<H1> This is  element 2</H1>
<h1> This is  element 3</H1> 

</body>
</html>

Try in editor

About Us

Comsysapp.com is an educational website. Students and software developers can learn programming language tutorials. Comsysapp is very useful for beginners and professional developers. Comsysapp provides tutorial in easy language. Comsysapp.com has focus on simplicity.

Services

Comsysapp.com provides free tutorials like c, html, css, etc. All tutorials are free for beginner and professionals.

Terms of Use

comsysapp.com is not responsible for any mistake. We are not responsible if information made available on our website is incomplete or invalid. But comsysapp.com always try for zero-zero mistake.

Privacy policy

comsysapp.com does not collect any data from users. We use Google AdSense advertising on our website. We never ask personal or private information.

Sitemap

sitemap