Lab 1 – HTML Assignment

University of Wollongong – India Campus (GIT City)

Objective

Create a complete webpage using only HTML (no CSS or JavaScript) to reproduce the Campus Tech Day 2025 page layout shown in the given sample (PDF/screenshot).

Task Summary

1. Create a new HTML file

   • Save as uow-india.html

   • Add <title>UOW India Campus — GIT City | Campus Tech Day 2025</title>

2. Add a Header Section

   • Use a <table> for layout.

   • Include a logo image and event info (date, campus, title).

   • Insert a horizontal line <hr />.

3. Create a Navigation Menu

   • Use internal links: About | Schedule | Speakers | Rubric | Register.

4. About Section

   • Include <h2>About the Event</h2>

   • Use <blockquote>, <mark>, <sub>, <sup>, and HTML entities like <, >, &, °.

   • Add a code block using <pre><code>...</code></pre>.

5. Schedule Section

   • Create a <table> with <caption>Event Schedule</caption>.

   • Use rowspan and colspan.

   • Show different sessions, rooms, and breaks.

6. Speakers Section

   • Table with Name, Bio, and Photo columns.

   • Add two speakers: Prof. Kiran Trivedi and Mr. Nimay Kalyani.

   • Include <ul> and <ol> lists inside.

   • Add a Glossary using <dl>, <dt>, <dd>.

7. Marking Rubric Section

   • Create a rubric table (as shown) with headings and marks totaling 100.

8. Register Section

   • Add one relative link (contact.html) and one external link (UOW website).

   • Mention index.html as the default page.

9. Footer Section

   • Include copyright (© 2025) and a “Back to top” link.

10. HTML Good Practices

    • Tags in lowercase, attributes in quotes, proper nesting, and self-closing empty elements (<img />, <hr />, <br />).

Submission

Submit your single HTML file (uow-india.html or index.html) along with any images used.

THE PAGE SHOULD BE DISPLAYED LIKE FOLLOWING

About  |  Schedule  |  Speakers  |  Marking Rubric  |  Register

About the Event

Welcome to Campus Tech Day 2025 at the University of Wollongong — India Campus, located in GIT City. This mockup serves as a photo-style reference for your HTML-only assignment (no CSS or JavaScript).

"Good design is as little design as possible."

— Dieter Rams

Fun fact: Water boils at approximately 100°C at sea level. Use of character entities like < > & " ' is required wherever appropriate.

// Code sample (remember to escape < > & if needed)
int sum = 0;
for (int i = 0; i < 3; i++) {
    sum = sum + i;
}
      

Schedule

Jump to: Speakers | Marking Rubric | Register

Speakers

Glossary

Marking Rubric (HTML-Only Assignment)

Recreate this page as closely as possible using only HTML tags and attributes demonstrated in class. No CSS/JS. Ensure proper nesting and valid use of elements.

Submission tip: If saved as index.html, it becomes the default page when placed in a folder on a server.

Register

Please visit our Contact page or email [email protected] to register.

Also visit: UOW Website

Use of index page: If this file is saved as index.html, it will be the default page of its folder.

© 2025 University of Wollongong — India Campus (GIT City)  |  Back to top