Scribd
Upload
5 views

HTML Elements

Uploaded by

Luna Begum
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
5 views

HTML Elements

Uploaded by

Luna Begum
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 1

 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.

You might also like