Determine the issues in the following code and rewrite the correct one? You are required to take a screenshot of your output? Explain all the different ways of attaching the styles to the document with examples for each one?

Question One

Create font.html according to the followings:

• Font: Times New Roman, Times, serif
• Heading: Web Design, color: red.
• The first paragraph output must be “I learned how to use font-family”
• The second paragraph output must be “Your name and your SEUID”

Note: You must use the following properties and decorations:

• The heading must be underline
• The first paragraph must be underline overline dotted blue
• The line of the first must have letter spaces like 5px
• The second paragraph must have a shadow like red

 

You are required to take a full screenshot of your code and the output.

 

Point	Description	Marks
1	Font	0.25
2	Heading	0.25
3	First paragraph	0.25
4	Second paragraph	0.25
5	Underline	0.25
6	Overline dotted blue	0.25
7	Letter-spacing	0.25
8	Shadow	0.25

 

Question Two

1. In your own word, explain what are the differences between hover and active?
2. Using hover, create a code that has the followings:

• The hover background should be red
• The heading: New Design
• Link :https://seu.edu.sa

Note: you are required to take a full screenshot that shows the hover when you move the mouse

Question Three

Determine the issues in the following code and rewrite the correct one? You are required to take a screenshot of your output?

(You are allowed to use any video on your device)

 

Question Four

Explain all the different ways of attaching the styles to the document with examples for each one?