- Introduction to HTML
- What is HTML
- Structure of an HTML Document
- Importance of Doctype
- Tags
- Elements
- Attributes
- Example with Tags, Elements, and Attributes
- Understanding the head and body Tags in HTML
- The Head Tag
- The Body Tag
- HTML Text Fundamentals
- Text Formatting Tags
- Paragraphs
- Strong Emphasis
- Emphasis
- Nuances of White Space in HTML
- Convention of Using Lowercase for Tags
- Working with Lists and Links in HTML
- Creating Ordered and Unordered Lists
- Ordered Lists
- Unordered Lists
- Creation of Hyperlinks Using the <a> Tag
- Creating Internal Links
- Creating External Links
- Adding Images and Media in HTML
- Embedding Images Using the <img> Tag
- Embedding Videos and Audio
- Video
- Audio
- Responsive Media Using HTML5
- Working code for embedding images, videos, and audio
- HTML Forms and Input Types
- Overview
- Creating Forms with the <form> Tag
- Importance of the <label> Tag for Accessibility
- Working code for HTML Forms and Input Types
- Tables in HTML
- Tables in HTML Overview
- Creating and Structuring Tables
- Importance of Table Accessibility
- Styling Options
- Working code for Tables in HTML
- Semantic HTML
- Semantic HTML Overview
- Importance of Semantic HTML
- Header Tag
- Nav Tag
- Article Tag
- Section Tag
- Footer Tag
- Example of a Semantic HTML Layout
- Advanced HTML Attributes
- Advanced HTML Attributes Overview
- The id Attribute
- The class Attribute
- The style Attribute
- Custom data Attributes
- Complete working code for Advanced HTML Attributes
- HTML Document Head
- HTML Document Head Overview
- Title Tag
- Meta Tags
- Link Tag
- Script Tag
- Working Code Sample
- Building a Simple Webpage Using HTML
- Project
- Project Overview
- Key Takeaways
- Course Summary
The Body Tag
The <body> tag wraps, around the content of an HTML document that appears on the web browser for users to see. It's where you insert all the elements that make up a webpage, such as text, images, videos, buttons, forms, and interactive elements.
Main Components of the <body> Section;
- Components: like headers (<h1> to <h6>) paragraphs (<p>). Divisions (<div>).
- Content components: such as links (<a>) images (<img>) lists (<ul>, <ol>, <li>) and more.
- Form controls: used for collecting user input including <input>, <textarea>, and <button>.
Example of a <body> section:
| <body> <h1>Welcome to My Website</h1> <p>This is a paragraph of text on my site.</p> <img src="example.jpg" alt="Example Image"> <a href="more.html">Learn More</a> </body> |
The combination of the <head> and <body> sections forms the structure of an HTML document. The <head> handles configurations and links while the <body> presents the content visible to users on the webpage. Each tag plays a role, in shaping engaging web interactions.
ChatGPT
Python
PowerShell
PL/SQL
Spring Boot
CSS
