Scribd
Upload
91 views4 pages

Lab 4 Updated

This document provides instructions for three questions regarding incorporating CSS into HTML documents. Specifically, it asks students to: 1. Write internal CSS and HTML codes to design a webpage with the MMU logo, headings, horizontal lines, and image links with specified properties. 2. Write external CSS and HTML codes to design a webpage with a background image, headings, and spans with specified properties like fonts, colors, sizes, and positioning. 3. Write inline CSS codes to style a webpage with a background color, headings, paragraphs, images, lists, and specific words, where the HTML is already provided.

Uploaded by

LIEW YU LIANG
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
91 views4 pages

Lab 4 Updated

This document provides instructions for three questions regarding incorporating CSS into HTML documents. Specifically, it asks students to: 1. Write internal CSS and HTML codes to design a webpage with the MMU logo, headings, horizontal lines, and image links with specified properties. 2. Write external CSS and HTML codes to design a webpage with a background image, headings, and spans with specified properties like fonts, colors, sizes, and positioning. 3. Write inline CSS codes to style a webpage with a background color, headings, paragraphs, images, lists, and specific words, where the HTML is already provided.

Uploaded by

LIEW YU LIANG
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 4

DWP5431 INTERNET AND WEB PUBLISHING LAB 4

LAB 4 – CSS
At the end of this lab, students should be able to:
• At the end of this lab, students should be able to:
• Design a web page by incorporating proper Cascading Style Sheet (CSS)
property and values.
• Use different variations of CSS such as External, Internal/Embedded and
Inline.

Question 1

Write the Internal CSS & HTML codes for the following web page design.

Guides

 The webpage title is “Multimedia University”.


 The whole webpage:
o The background colour is #E5E4D7.
 The MMU logo:
o The width is 250px and the height is 100px.
 Heading level 1:
o The font colour is #99CC00 and the font type is Arial Black
 Heading level 2:
o The font colour is orange and the font type is Arial Narrow.
 The horizontal line:
o Set the border colour as #8C8B8B with a thickness of 1px and the pattern is
dashed.
 Insert the image links:
o https://www.facebook.com/mmu.malaysia
o https://twitter.com/mmumalaysia

 All the images inside a hyperlink:


o The width and height is 50px.

Heading level 1.

Heading level 2.
DWP5431 INTERNET AND WEB PUBLISHING LAB 4

Question 2

Write the External CSS & HTML codes for the following web page design.

Guides

 The webpage title is “Fantastic Chocolates”.


 The whole webpage:
o The background image is background.jpg.
o Resize the background to 200px in height and width.
 Heading level 1:
o The custom font type is Obliq.(retrieve from given font folder)
o The font size is 2em and the font colour is #009922. There is a 5px spacing
between each letter.
o It is center aligned.
 Heading level 4:
o The size is 2em with a 15px space between each word.
o The background is yellowgreen and the font colour is white.
o The text has a shadow with the colour #009922.
 Paragraph:
o The words are in italic.

 Span (Our Normal Price, Our Special Price)


o The labels are bold and blue. Use class selector.

 Span
o The normal price has a line through it and not italic. Use id selector.
o The special price is red, underlined and not italic. Use id selector.

Heading level 1.

Heading level 4

Create 4 <span>
DWP5431 INTERNET AND WEB PUBLISHING LAB 4

Question 3

Write the Inline CSS codes for the following web page design. The HTML codes are
already given.

Guides

 Webpage title is “Great Pies”.


 The webpage background color is #333.
 All heading level 4 are yellow, underlined and in all capital letters.
 All paragraphs use the Tahoma font and are white in colour.
 The image width is 150px and the height is 100px.
 The list is white and in italics.
 Some words are red and bold.
DWP5431 INTERNET AND WEB PUBLISHING LAB 4

You might also like