21 Website Authoring - Placing Content in the Body Section

The body section of a web page is where the main content of the page is displayed. This section typically contains text, images, and other multimedia elements that provide information to the user. Properly structuring the content within the body section is crucial for readability and accessibility.

Content Structure

To organize content effectively, several HTML elements can be used within the body section:

• Headings: Use <h2>, <h3>, etc. to create headings and subheadings. Headings help break up the text and make it easier to scan.
• Paragraphs: Use the <p> element to create paragraphs of text.
• Unordered Lists: Use <ul> and <li> to create bulleted lists.
• Ordered Lists: Use <ol> and <li> to create numbered lists.
• Tables: Use the <table> element to display data in rows and columns. Use <thead> for the table header and <tbody> for the table body.

Example Content

Here's an example of how to structure content within the body section using these elements:

<h2>My Awesome Webpage</h2> <p>This is the main content of my webpage. It contains information about various topics. We will use headings, paragraphs, lists, and tables to organize the information effectively.</p> <h3>Topics Covered</h3> <ul> <li>Introduction to ICT</li> <li>Website Authoring Techniques</li> <li>Online Safety</li> </ul> <h3>Student Information</h3> <table> <thead> <tr> <th>Name</th> <th>Class</th> <th>Email</th> </tr> </thead> <tbody> <tr> <td>John Doe</td> <td>10A</td> <td>john.doe@example.com</td> </tr> <tr> <td>Jane Smith</td> <td>10B</td> <td>jane.smith@example.com</td> </tr> </tbody> </table>

By using these elements, you can create well-structured and informative web pages. Remember to choose the appropriate element for the type of content you are presenting.