Tutorials Exercises Certificates Services Search...
Plus Spaces Get Certified Sign Up Log in
HTML CSS JAVASCRIPT SQL PYTHON JAVA PHP HOW TO W3.CSS C C++ C# BOOTSTRAP REACT MYSQL JQUERY EXCEL XML DJANGO NUMPY PANDAS NODEJS R TYPESCRIPT ❯
HTML Tutorial ADVERTISEMENT
HTML HOME
HTML Introduction
HTML Editors
HTML Basic
HTML Elements HTML Elements
HTML Attributes
HTML Headings ❮ Previous Next ❯
HTML Paragraphs
HTML Styles
HTML Formatting An HTML element is defined by a start tag, some content, and an end tag.
HTML Quotations
HTML Comments
HTML Colors HTML Elements
HTML CSS
HTML Links The HTML element is everything from the start tag to the end tag:
HTML Images
HTML Favicon <tagname>Content goes here...</tagname>
HTML Page Title
HTML Tables Examples of some HTML elements:
HTML Lists
HTML Block & Inline
<h1>My First Heading</h1>
HTML Div
HTML Classes
HTML Id <p>My first paragraph.</p>
HTML Iframes
HTML JavaScript Start tag Element content End tag
HTML File Paths
HTML Head <h1> My First Heading </h1>
HTML Layout
<p> My first paragraph. </p>
HTML Responsive
HTML Computercode <br> none none
Note: Some HTML elements have no content (like the <br> element). These elements are called empty elements. Empty elements do not have an end tag!
COLOR PICKER
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> ):
ADVERTISEMENT
Example
<!DOCTYPE html>
<html>
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
</html>
Try it Yourself »
Example Explained
The <html> element is the root element and it defines the whole HTML document.
It has a start tag <html> and an end tag </html> .
Then, inside the <html> element there is a <body> element:
<body>
<h1>My First Heading</h1>
<p>My first paragraph.</p>
</body>
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> :
<p>My first paragraph.</p>
ADVERTISEMENT
Never Skip the End Tag
Some HTML elements will display correctly, even if you forget the end tag:
Example
<html>
<body>
<p>This is a paragraph
<p>This is a paragraph
</body>
</html>
Try it Yourself »
However, never rely on this! Unexpected results and errors may occur 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:
Example
<p>This is a <br> paragraph with a line break.</p>
Try it Yourself »
HTML is Not Case Sensitive
HTML tags are not case sensitive: <P> means the same as <p> .
The HTML standard does not require lowercase tags, but W3C recommends lowercase in HTML, and demands lowercase for stricter document types like
XHTML.
At W3Schools we always use lowercase tag names.
HTML Exercises
Test Yourself With Exercises
Exercise:
Insert the correct end tag for the HTML heading.
<h1>This is a heading
Submit Answer »
Start the Exercise
HTML Tag Reference
W3Schools' tag reference contains additional information about these tags and their attributes.
Tag Description
<html> Defines the root of an HTML document
<body> Defines the document's body
<h1> to <h6> Defines HTML headings
For a complete list of all available HTML tags, visit our HTML Tag Reference.
Video: HTML Elements
❮ Previous Next ❯
W3schools Pathfinder
Track your progress - it's free! Sign Up Log in
ADVERTISEMENT ADVERTISEMENT
SPACES UPGRADE AD-FREE NEWSLETTER GET CERTIFIED CONTACT US
Top Tutorials Top References Top Examples Get Certified
HTML Tutorial HTML Reference HTML Examples HTML Certificate
CSS Tutorial CSS Reference CSS Examples CSS Certificate
JavaScript Tutorial JavaScript Reference JavaScript Examples JavaScript Certificate
How To Tutorial SQL Reference How To Examples Front End Certificate
SQL Tutorial Python Reference SQL Examples SQL Certificate
Python Tutorial W3.CSS Reference Python Examples Python Certificate
W3.CSS Tutorial Bootstrap Reference W3.CSS Examples PHP Certificate
Bootstrap Tutorial PHP Reference Bootstrap Examples jQuery Certificate
PHP Tutorial HTML Colors PHP Examples Java Certificate
Java Tutorial Java Reference Java Examples C++ Certificate
C++ Tutorial Angular Reference XML Examples C# Certificate
jQuery Tutorial jQuery Reference jQuery Examples XML Certificate
FORUM ABOUT CLASSROOM
W3Schools is optimized for learning and training. Examples might be simplified to improve reading and learning.
Tutorials, references, and examples are constantly reviewed to avoid errors, but we cannot warrant full correctness
of all content. While using W3Schools, you agree to have read and accepted our terms of use, cookie and privacy policy.
Copyright 1999-2024 by Refsnes Data. All Rights Reserved. W3Schools is Powered by W3.CSS.
