SBEG 3643 Programming III Lab Exercises HTML & CSS (10%)

1. Image hyperlink to a new target document

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

Google Logo

2. Customized ordered list with five list items

  1. HTML
  2. CSS
  3. JavaScript
  4. PHP
  5. MySQL

3. Paragraph with customized right and left margin

This paragraph has customized left and right margins using CSS as required in Question 3.

4. Text color and font family for the <p> tag

This paragraph demonstrates customized text color and font family for Question 4.

5. Frame with four windows (2 rows × 2 columns)

Top Left
Top Right
Bottom Left
Bottom Right

6. Static Background Logo

This section displays the real UTM logo with original color. The logo moves together when scrolling and only appears while viewing Question 6.

7. Text color and font family for the <h1> tag

This is a styled H1 heading for Question 7

8. Olympic logo using overlapping text technique in CSS

9. Webpage breadcrumb for three (3) HTML pages

Home > Page 1 > Page 2

This is the Home page. Click Page 1 or Page 2 to view their contents.

10. CSS media queries for changing background color

This outlined paragraph changes background color based on screen width.

11. Static background logo (Bitmap illustration)

bitmaps

12. Table structure with header and contents

DAILY JOB OUTPUT FOR DECEMBER 2025

Estimated (%) Job
Day 1 45% Ahmad
Day 2 40% Balqis
Day 3 15% Chen
Output 100%