Activity 1: HTML Basic Exercises

The Document Structure: HTML, Head, and Body The first set of exercises focused on building the fundamental skeleton of a webpage. Linking External Stylesheets A crucial step in basic web development is separating presentation (CSS) from structure (HTML). Activities 1.4…

Activity 2: HTML Text Exercises

Inline Styles and Basic Color (Activities 2.1 – 2.4) These activities demonstrated how to apply immediate styling effects directly to text using the style attribute and the use of line break tags. Text Formatting Tags (Activity 2.5) Activity 2.5 introduced…

Activity 3: HTML Text Formatting Exercises

Superscript and Subscript (Activity 3.1 & 3.2) These exercises introduced the use of the <sup> and <sub> tags for presenting mathematical and chemical notations accurately. Structural Paragraphs and Line Breaks (Activity 3.3) Activity 3.3 reinforced the use of the fundamental…

Activity 4: HTML Link Exercises

External Links (Activities 4.1 & 4.2) These exercises demonstrated linking to external URLs, a fundamental function of the web. Internal Links (Activity 4.3) Activity 4.3 focused on creating links between pages located within the same directory or website structure. Fragment…

Activity 5: HTML Image Exercises

Image Gallery (Activity 5.1) This activity showcased the use of the <figure> and <figcaption> tags to display images alongside descriptive captions, creating a structured gallery layout. Styling and Sizing (Activity 5.2) Activity 5.2 focused on applying basic inline styling and…

Activity 6: Simple Guestbook Plugin Configuration

Frontend (User View): The Submission Form The guestbook form allows any visitor to submit their name, email, and a message, providing a public feedback or contact mechanism. Backend (Admin View): Displaying Entries The second crucial part of the activity was…

Activity 7: Building a CRUD Plugin

Plugin Setup and Data Reading (R – Read) The first step was setting up the custom plugin environment and ensuring the data could be read and displayed on the frontend. Demonstrating CRUD Functions The core requirement is to show the…