presentation elements html

Web Design in a Nutshell, 3rd Edition by Jennifer Robbins

Get full access to Web Design in a Nutshell, 3rd Edition and 60K+ other titles, with a free 10-day trial of O'Reilly.

There are also live events, courses curated by job role, and more.

Presentational Elements

There are a handful of (X)HTML elements that are explicitly presentation oriented. Sometimes called “physical” styles, they provide instructions for the size, weight, or style of the font used to display the element.

If you’ve been paying attention, you already know that Cascading Style Sheets are now the preferred way to specify presentation instructions. Table 10-2 lists the presentational inline elements, along with the preferred alternative for achieving the same visual effect.

Table 10-2. Presentational inline elements and style sheet alternatives

Get Web Design in a Nutshell, 3rd Edition now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.

Don’t leave empty-handed

Get Mark Richards’s Software Architecture Patterns ebook to better understand how to design components—and how they should interact.

It’s yours, free.

Check it out now on O’Reilly

Dive in for free with a 10-day trial of the O’Reilly learning platform—then explore all the other resources our members count on to build skills and solve problems every day.

HTML Tutorial

Html graphics, html examples, html references, html elements.

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

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

Examples of some HTML elements:

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!

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> ):

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:

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> :

The <h1> element defines a heading.

It has a start tag <h1> and an end tag </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:

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:

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 Tag Reference

W3Schools' tag reference contains additional information about these tags and their attributes.

For a complete list of all available HTML tags, visit our HTML Tag Reference .

Video: HTML Elements

COLOR PICKER

Contact Sales

If you want to use W3Schools services as an educational institution, team or enterprise, send us an e-mail: [email protected]

Report Error

If you want to report an error, or if you want to make a suggestion, send us an e-mail: [email protected]

Get to know the Presentational Elements of HTML

Meeran Nasir
Dec 02, 2019

Getting started to know the presentational elements in the HTML language, this blog shows the elements or tags that contribute to the presentational aspect of the webpage

Introduction

<u> is the HTML tag used to underline, for example:

https://www.c-sharpcorner.com/blogs/be-the-creator-of-your-first-web-page

https://www.c-sharpcorner.com/blogs/get-to-know-the-elements-with-attributes

https://www.c-sharpcorner.com/blogs/aligning-text-with-html