Description
Question One
This question tests your understanding of the basic building blocks of HTML.
A. Definitions: In your own words, define what an HTML element is and what an HTML attribute is. Provide a simple code example to illustrate the difference between them.
B. Document Structure: Explain the purpose of the following fundamental HTML elements that structure every webpage:
Question Two
Your task is to create a single HTML page named hobby.html about your favorite hobby. This page should be well-structured and include the following content, marked up correctly:
o An unordered list (<ul>) of at least three reasons why you enjoy this hobby.
o An ordered list (<ol>) of at least three steps required to get started.
o A link to an external website (like Wikipedia) for more information. This link must open in a new browser window.
o A link to a fictional local page called gallery.html.
o An email link (mailto:).
o A telephone link (tel:).
Special Character: Include the copyright symbol (©️) followed by the current year at the bottom of the page.
Question Three
Create a simple internal style sheet for the hobby.html page you created in Question 2. Add your CSS code inside a <style> element within the <head> section of your HTML document.
Your style sheet must accomplish the following:
1. Change the background color of the entire page (<body>).
2. Set the font family and color for the main heading (<h1>).
3. Give all paragraphs (<p>) a different text color than the default black.
4. Change the color of links (<a>) when a user hovers their mouse over them.
Question Four
Below is a block of broken HTML code. Copy this code into a new file named broken.html. Your task is to identify and fix at least four errors.
After fixing the errors, add a new section to the page with an <h3> that says “Instructional Video.” Below this heading, embed a relevant YouTube video using an <iframe> (a “window in a window”).
Broken Code: (attched file)
<!DOCTYPE html>
<HTML>
<head>
<title>Troubleshooting Page
</head>
<body>
<h1>Common HTML Mistakes
<p>This page has several mistakes. Can you find them all?</p>
<img src=”
<p>Here is a link to Google.
Click” class=”redactor-linkify-object”> here
<ul>
<li>Unclosed tags
<li>Missing attributes
<li>Incorrect paths<li>
</ul>
</body>
In your submission document, list the errors you found and briefly explain how you fixed them.
Assignment 1
Deadline: Wednesday 1/10/2025 @
23:59
[Total Mark for this Assignment is 8]
Student Details:
Name: ###
ID: ###
CRN: ###
Instructions:
• You must submit two separate copies (one Word file and one PDF file) using the Assignment Template on
Blackboard via the allocated folder. These files must not be in compressed format.
• It is your responsibility to check and make sure that you have uploaded both the correct files.
• Zero mark will be given if you try to bypass the SafeAssign (e.g. misspell words, remove spaces between
words, hide characters, use different character sets, convert text into image or languages other than English
or any kind of manipulation).
• Email submission will not be accepted.
• You are advised to make your work clear and well-presented. This includes filling your information on the cover
page.
• You must use this template, failing which will result in zero mark.
• You MUST show all your work, and text must not be converted into an image, unless specified otherwise by
the question.
• Late submission will result in ZERO mark.
• The work should be your own, copying from students or other resources will result in ZERO mark.
• Use Times New Roman font for all your answers.
Restricted – مقيد
Question One
Pg. 01
Learning
Outcome(s):
CLO1: Describe
Question One
2 Marks
This question tests your understanding of the basic building blocks of HTML.
methods and
tools in web
development.
CLO2: Create
A. Definitions: In your own words, define what an HTML element is and what an
HTML attribute is. Provide a simple code example to illustrate the difference
between them.
web pages using
HTML5 and
CSS3.
B. Document Structure: Explain the purpose of the following fundamental HTML
elements that structure every webpage:
•
•
•
•
•
Restricted – مقيد
Question Two
Pg. 02
Learning
Outcome(s):
CLO1: Describe
Question Two
Your task is to create a single HTML page named hobby.html about your favorite hobby. This
page should be well-structured and include the following content, marked up correctly:
methods and
•
•
tools in web
•
development.
CLO2: Create
web pages using
2 Marks
•
•
HTML5 and
CSS3.
•
Headings: A main heading () for the page title and at least one subheading ().
Content: At least two paragraphs () describing your hobby. Use inline elements like
or to emphasize key terms.
Lists:
o An unordered list () of at least three reasons why you enjoy this hobby.
o An ordered list () of at least three steps required to get started.
Image: Add a relevant image () about your hobby. You can use a local image file
(e.g., hobby.jpg) or an online one. Don’t forget the alt attribute!
Links ():
o A link to an external website (like Wikipedia) for more information. This link must
open in a new browser window.
o A link to a fictional local page called gallery.html.
o An email link (mailto:).
o A telephone link (tel:).
Organization: Group your content logically using container elements like or
. For example, create one section for the description and another for the lists.
Special Character: Include the copyright symbol (©) followed by the current year at the
bottom of the page.
Restricted – مقيد
Question Three
Pg. 03
Learning
Outcome(s):
Question Three
2 Marks
Create a simple internal style sheet for the hobby.html page you created in Question 2. Add
your CSS code inside a element within the section of your HTML document.
CLO1: Describe
methods and
tools in web
development.
CLO2: Create
web pages using
HTML5 and
CSS3.
Restricted – مقيد
Your style sheet must accomplish the following:
1.
2.
3.
4.
Change the background color of the entire page ().
Set the font family and color for the main heading ().
Give all paragraphs () a different text color than the default black.
Change the color of links () when a user hovers their mouse over them.
Question Four
Pg. 04
Learning
Outcome(s):
CLO1: Describe
Question Four
2 Marks
Below is a block of broken HTML code. Copy this code into a new file named broken.html.
Your task is to identify and fix at least four errors.
tools in web
After fixing the errors, add a new section to the page with an that says “Instructional
Video.” Below this heading, embed a relevant YouTube video using an (a “window
in a window”).
development.
Broken Code:
methods and
CLO2: Create
web pages using
HTML5 and
CSS3.
Troubleshooting Page
Common HTML Mistakes
This page has several mistakes. Can you find them all?
Click here
Unclosed tags
Missing attributes
Incorrect paths
In your submission document, list the errors you found and briefly explain how you fixed
them.
Restricted – مقيد
Purchase answer to see full
attachment
