IT 404 SEU Write the HTML Code Questions

College of Computing and InformaticsAssignment 2
Deadline: Wed 31/05/2023 @ 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.
Pg. 01
Question One
Question One
Pg. 02
Learning
Outcome(s): 1
Question One
2 Marks
Write the HTML code to create a table with the following structure:
Identify most HTML
tags and CSS
properties and use
a text editor to
construct the basic
HTML and CSS
structure for
a webpage.
Price
Product
Regular
Sale
Shirt
$25
$18
Pants
$40
$32
Shoes
$60
$45
Hat
$15
$12
Question Two
Pg. 03
Learning
Outcome(s):1
Identify most HTML
tags and CSS
properties and use
a text editor to
construct the basic
HTML and CSS
structure for
a webpage.
Question Two
2 Marks
Write the HTML code to create a form that allows users to submit their name and
email address. The form should have the following elements:
1. A text input field for the user’s name.
2. A text input field for the user’s email address.
3. A submit button to submit the form.
Answer :
Question Three
Pg. 04
Learning
Outcome(s):
Identify most
HTML tags and
CSS properties
and use a text
editor to construct
the basic HTML
and CSS
structure for a
webpage
Question Three
4 Marks
Assume you have the following HTML file shown in Figure 1, Write the CSS
rules to format the HTML to have the output in Figure 2.
NOTE: Only write the CSS rules. (You can use the HTML from
Assignment 1)
Recognize and
evaluate a range of
real-world web
design approaches
Figure 1: HTML webpage
Figure 2: CSS webpage
Question Three
Pg. 05
Important notes:
1. You have to copy and paste the “HTML script + CSS rules” as your answer to this
question. DON’T take a screenshot for your script. It must be an editable script.
2. Take a screenshot of your output web page and paste it as a part of your answer.
3. The style sheet should be Embedded style sheet
4. Please consider the formatting of the following elements:
Body:
Font: Times New Roman, Times, cursive
border:
➢ 3px
➢ border-style: double
➢ border color: rgb(208, 225, 229)
h1:
Font: fantasy
Background color: shade of pink using the RGB value
Text alignment: center
Text transform: uppercase
h3:
Font size: 1em;
Text decoration: underline
Color: Blue using a named colour
First unordered list:
bullet shape: square
Description List:
– dt:
Font weight: bold.
Text transform: capitalize
Question Three
Pg. 06
Word spaces: 1em
Text shadow:
➢ horizontal offset: 4px
➢ Vertical offset: 4px
➢ Color of the shadow: #bcc2c3
ANSWER: