Structure

HTML Body

Defining the HTML Body

HTML body holds visible content like text and images, rendered by browsers.

Understanding the <body> Tag

The <body> tag is an essential part of an HTML document, containing all the content that is displayed in a browser. This includes text, images, tables, links, forms, and more. The <body> element comes after the <head> element and is a direct child of the <html> tag.

Elements Inside the &lt;body&gt;

The <body> tag can include various types of elements to enhance webpage content:

  • Text elements: Use <p>, <h1>-<h6>, <span>, <strong>, etc., to format text.
  • Media elements: Embed images using <img>, videos using <video>, and audio with <audio>.
  • Interactive elements: Add forms (<form>, <input>, <button>, etc.) and links (<a>).
  • Structural elements: Organize content with <div>, <section>, <article>, and <nav>.

Styling the &lt;body&gt;

The <body> tag can be styled using CSS to improve the aesthetic of a webpage. You can apply styles directly to the <body> tag or use classes and IDs for more specificity.

JavaScript Interaction with the &lt;body&gt;

JavaScript can be used to manipulate the elements within the <body>, allowing for dynamic content updates and interaction. You can select the <body> tag or any of its child elements to apply changes.

Previous
Head
Next
Div