HTML Elements

Title	Description	Category	Type
SQL Syntax	Most of the actions you need to perform on a database are done with SQL statements.	SQL	Tutorial
HTML Introduction	HTML Introduction for beginners	HTML	Tutorial
IP Geolocation API	A GeoIP API with 3 different response formats	Tools	API
Translator	Translates your text, auto detected to any language	Tools	Project
RGB Color Code Picker	In HTML, a color can be specified as an RGB value	Tools	Project
HTML Headings	Headings are defined with the <h1> to <h6> tags.	HTML	Tutorial
HTML Quotation and Citation Elements	The HTML <q> element defines a short quotation.	HTML	Tutorial
HTML Formatting Elements	Formatting elements were designed to display special types of text	HTML	Tutorial
HTML Colors	HTML colors are specified using predefined color names, or RGB, HEX, HSL, RGBA, HSLA values.	HTML	Tutorial
HTML Links	Links are found in nearly all web pages. Links allow users to click their way from page to page.	HTML	Tutorial
SQL Introduction	SQL Introduction for beginners	SQL	Tutorial
SQL Select	The SELECT statement is used to select data from a database.	SQL	Tutorial
HTML Paragraphs	The HTML <p> element defines a paragraph:	HTML	Tutorial
CSS Margins	The CSS margin properties are used to create space around elements, outside of any defined borders.	CSS	Tutorial
SQL Where	The WHERE clause is used to extract only those records that fulfill a specified condition.	SQL	Tutorial
PHP Installation	PHP Installation	PHP 5	Tutorial
QR Code encoder	Generates QR codes	Tools	Project
HTML Editor	Lazy to code HTML yourself? Use our editor.	HTML	Project
HSL Color Code Picker	In HTML, a color can be specified using hue, saturation, and lightness (HSL)	Tools	Project
PHP 5 Syntax	A PHP script is executed on the server, and the plain HTML result is sent back to the browser.	PHP 5	Tutorial
CSS Background	Specifies the background color of an element.	CSS	Tutorial
JavaScript Output	JavaScript can "display" data in different ways:	JavaScript	Tutorial
HEX Color Code Picker	In HTML, a color can be specified using a hexadecimal value	Tools	Project
CSS Stylesheet	When a browser reads a style sheet, it will format the HTML document according to the information in the style sheet.	CSS	Tutorial
HTML Comments	Comment tags are used to insert comments in the HTML source code.	HTML	Tutorial
CSS Borders	The CSS border properties allow you to specify the style width and color of elements borders.	CSS	Tutorial
SQL Distinct	The SELECT DISTINCT statement is used to return only distinct (different) values	SQL	Tutorial
JavaScript Syntax	JavaScript syntax is the set of rules, how JavaScript programs are constructed.	JavaScript	Tutorial
CSS Syntax and Selectors	A CSS rule-set consists of a selector and a declaration block	CSS	Tutorial
JavaScript Statements	In HTML, JavaScript statements are "instructions" to be "executed" by the web browser.	JavaScript	Tutorial
RGBA Color Code Picker	RGBA color values are an extension of RGB color values with an alpha channel - which specifies the opacity for a color.	Tools	Project
HTML Attributes	All HTML elements can have attributes	HTML	Tutorial
JavaScript Startup	A JavaScript function is a block of JavaScript code, that can be executed when called for.	JavaScript	Tutorial

PHP 5 Introduction	PHP 5 Introduction for beginners	PHP 5	Tutorial
JavaScript Introduction	JavaScript Introduction for beginners	JavaScript	Tutorial
HTML Elements	An HTML element usually consists of a start tag and end tag	HTML	Tutorial
HSLA Color Code Picker	HSLA color values are an extension of HSL color values with an alpha channel - which specifies the opacity for a color.	Tools	Project
CSS Introduction	CSS Introduction for beginners	CSS	Tutorial
HTML Styles	Setting the style of an HTML element, can be done with the style attribute.	HTML	Tutorial
HTML CSS	CSS describes how HTML elements are to be displayed on screen, paper, or in other media.	HTML	Tutorial

An HTML element usually consists of a start tag and end tag, with the content inserted in between:

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

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

<p>My first paragraph.</p>

Start tag	Element content	End tag
<h1>	My First Heading	</h1>
<p>	My first paragraph.	</p>
<br>

Empty HTML Elements

HTML elements with no content are called empty elements.

<br> is an empty element without a closing tag (the <br> tag defines a line break).

Empty elements can be "closed" in the opening tag like this: <br />.

HTML5 does not require empty elements to be closed. But if you want stricter validation, or if you need to make your document readable by XML parsers, you must close all HTML elements properly.

HTML elements can be nested (elements can contain elements).

All HTML documents consist of nested HTML elements.

This example contains four HTML elements:

Example

<!DOCTYPE html>
<html>
<body>

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

</body>
</html>

The <html> element defines the whole document. It has a start tag <html> and an end tag </html>. The element content is another HTML element (the <body> element).

Example


<html>
<body>

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

</body>
</html>

The <body> element defines the document body.

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

The element content is two other HTML elements (<h1> and <p>).


<body>

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

</body>

The <h1> element defines a heading.

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

The element content is: My First Heading.

<h1>My First Heading</h1>

The <p> element defines a paragraph.

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

The element content is: My first paragraph.

<p>My first paragraph.</p>

Some HTML elements will display correctly, even if you forget the end tag: The <html> element defines the whole document. It has a start tag <html> and an end tag </html>. The element content is another HTML element (the <body> element).

Example


<html>
<body>

<p>This is a paragraph
<p>This is a paragraph

</body>
</html>

The example above works in all browsers, because the closing tag is considered optional.

Never rely on this. It might produce unexpected results and/or errors if you forget the end tag.

Search

Empty HTML Elements

Nested HTML Elements

Example Explained

Do Not Forget the End Tag