SBEG 3643 Programming III Lab Exercises HTML & CSS

1. Image Hyperlink

Click the image below to go to Google in a new tab.

Google Logo

2. Customized Ordered List

  1. HTML Structure
  2. CSS Styling
  3. JavaScript Logic
  4. Responsive Design
  5. Web Accessibility

3. Paragraph with Margins

This paragraph has wider left and right margins to demonstrate spacing and layout control.

4. Styled Paragraph

This is a customized paragraph with a softer font and color.

5. Four‑Window Frame (Grid)

Top Left
Top Right
Bottom Left
Bottom Right

6. Static Background Logo

The Bitmaps logo stays fixed while scrolling.

Scroll the page – the logo does not move.

7. Styled H1

This is a Styled H1 Heading

8. Olympic Logo Using Overlapping Text Technique

9. Webpage Breadcrumb

10. Media Queries Box

Resize the browser window to change my background color.

11. Full Static Background Logo

Link Image

12. Daily Job Output Table

DAILY JOB OUTPUT FOR DECEMBER 2025
Day Estimated (%) Job
Day 1 45% Ahmad
Day 2 40% Balqis
Day 3 15% Chen
Output 100%