# What is HTML body and how to use it The HTML <body> element contains all the visible content of an HTML document. There can only be one <body> area per HTML document. ## What is the HTML `` tag and what is it used for? HTML `` is an [HTML](https://www.ionos.co.uk/digitalguide/websites/web-development/what-is-html/) element that is used to display the content of a document to users. All **visible content** such as headlines, text blocks, images, tables, hyperlinks, lists and other elements are stored within this [HTML tag](https://www.ionos.co.uk/digitalguide/websites/web-development/html-tags/). There can only be **one HTML ``** in each document. This is always located below the `` area and above the HTML footer. The `` tag supports all global [HTML attributes](https://www.ionos.co.uk/digitalguide/websites/web-development/html-attributes/). ## What is the syntax and functionality of HTML ``? Before we show you how HTML `` works using a few simple examples, it’s worth taking a look at the basic syntax of the element. This looks as follows: ```html This is where all the visible website content is stored. ``` Only content between the introductory (<body>) and closing (</body>) tags will be displayed later on the relevant web page. ## HTML `` examples In the following examples, you can see how the HTML `` tag is used in practice. ### HTML document with simple `` element First, we’re going to create a simple HTML document with a **headline, a text section and an image**, all of which are placed within the body. This is the corresponding code: ```html HTML body in a document

Here’s your heading

Here’s your website content.

``` ### Creating a navigation bar with href The following example shows you how to create a navigation bar for your website using the HTML `` tag and the [href](https://www.ionos.co.uk/digitalguide/websites/web-development/a-href-html/) attribute. Here’s the code: ```html Website with a navigation bar

Home

About

Contact

``` ### Embedding video via the HTML <body> tag If you want to embed a video on your website, the `` section is the correct (and only) place to do so. Below is an example of how to embed a video: ```html Website with a video

``` ### Changing the design of content via HTML <body> tag With the help of [CSS](https://www.ionos.co.uk/digitalguide/websites/web-design/css-coding-made-easy/), you can also use the `` area to customise the design of your web content. You can see how this works in the following example: ```html HTML body with visual adjustments

Here’s your heading

Here’s your website content.

``` ### Customising backgrounds in HTML <body> If you want to change your [HTML background](https://www.ionos.co.uk/digitalguide/websites/web-development/html-backgrounds/) with CSS, you can also do so in the HTML ``. Here’s how to set the background colour: ```html HTML body with new background colour

Here’s your heading

Visit example-website.com!

``` To insert an image, use the code below: ```html HTML body with new background image

Here’s your heading

Visit example-website.com!

``` This is a markdown version of: [https://www.ionos.co.uk/digitalguide/websites/web-development/html-body/](https://www.ionos.co.uk/digitalguide/websites/web-development/html-body/) for AI/LLM consumption.