D.J.Mcshee's Web Design Quiz Part I: Basic Xhtml & CSS

1. XHTML: Which of these tags will make a sample of text become Italic?

italic text

< li >italic text < /li >

italic text

italic text

italic text

The correct answer is italic text. The tag is used in XHTML to make text appear in italics.

Explanation

The correct answer is italic text. The tag is used in XHTML to make text appear in italics.

2. XHTML: Which of these samples create a un-ordered list?

The correct answer is the first option, which is:
Item 1
Item 2
Item 3

This is because the tag is used to create an unordered list in XHTML. The tags within the tag represent the list items.

Explanation

The correct answer is the first option, which is:
Item 1
Item 2
Item 3

This is because the tag is used to create an unordered list in XHTML. The tags within the tag represent the list items.

3. CSS: This code changes the color of the background and the text, but what is missing?

body {
________________: #FFFFFF;
Color: #000000;
}

The given code is missing the property name "background-color" before the colon. To change the color of the background, the correct syntax should be "background-color: #FFFFFF;".

Explanation

The given code is missing the property name "background-color" before the colon. To change the color of the background, the correct syntax should be "background-color: #FFFFFF;".

Submit

4. XHTML: Which of these answers will place a horizontal rule between two paragraphs?

paragraph another paragraph

paragraph< hr / >another paragraph

paragraphanother paragraph< hr / >

< hr / >paragraphanother paragraph

paragraphanother paragraph

The correct answer is the first option. This is because it includes the

tag between the two paragraphs, which will create a horizontal rule.

Explanation

The correct answer is the first option. This is because it includes the

tag between the two paragraphs, which will create a horizontal rule.

5. CSS: Which of these samples of code will apply a 5px solid border to a div?

#Header { border: 5px solid;}

#Header { border: solid;}

#Header { border: 5px dotted;}

#Header { border: "solid";}

#Header { border: 5px "solid";}

The correct answer is #Header {
border: 5px solid;
}

This code will apply a 5px solid border to a div with the id "Header". The "border" property is used to set the width, style, and color of the border, and in this case, it is set to 5px width and solid style.

Explanation

The correct answer is #Header {
border: 5px solid;
}

This code will apply a 5px solid border to a div with the id "Header". The "border" property is used to set the width, style, and color of the border, and in this case, it is set to 5px width and solid style.

6. XHTML: Which of these tags will make a sample of text become Bold?

bold text

< li >bold text< /li >

bold text

bold text

bold text

The tag is used to make text bold in XHTML. In the given answer, the text "bold text" is enclosed within the tags, indicating that it should be displayed in bold.

Explanation

The tag is used to make text bold in XHTML. In the given answer, the text "bold text" is enclosed within the tags, indicating that it should be displayed in bold.

7. CSS: Which of these properties will create a space on the outside of a div box?

#Header { padding: 5px;}

#Header { margin: 5px;}

The correct answer is #Header { margin: 5px; }. The margin property in CSS creates space on the outside of a div box. In this case, the margin value is set to 5 pixels, which will create a 5-pixel space around the div box with the id "Header". The padding property, on the other hand, creates space on the inside of the div box.

Explanation

The correct answer is #Header { margin: 5px; }. The margin property in CSS creates space on the outside of a div box. In this case, the margin value is set to 5 pixels, which will create a 5-pixel space around the div box with the id "Header". The padding property, on the other hand, creates space on the inside of the div box.

8. XHTML: This code changes the colour of the background to grey, but what is missing?

< html >
< head >
< /head >
< body _______="#777777" >
< /body >
< /html >

The correct answer "bgcolor" is missing from the code. In XHTML, the "bgcolor" attribute is used to specify the background color of the body element. Without this attribute, the code will not be able to change the color of the background to grey.

Explanation

The correct answer "bgcolor" is missing from the code. In XHTML, the "bgcolor" attribute is used to specify the background color of the body element. Without this attribute, the code will not be able to change the color of the background to grey.

Submit

9. CSS: Which of these samples of code will create a div box called Header with a width of 100px?

Header { width: 100px;}

#Header { width: auto;}

#Header { width: 100px;}

#Header ( WIDTH: 100px;)

The correct answer is "#Header { width: 100px; }" because it uses the CSS ID selector (#) to target the element with the ID "Header" and sets its width to 100px.

Explanation

The correct answer is "#Header { width: 100px; }" because it uses the CSS ID selector (#) to target the element with the ID "Header" and sets its width to 100px.

10. CSS: Which of these samples of code will remove the underline from hyperlinks?

A { list-style-type: none;}

A { text-decoration: no-underline;}

A ( text-decoration: none;)

A ( list-style-type: none;)

A { text-decoration: none;}

The correct answer is "a { text-decoration: none; }". This CSS code will remove the underline from hyperlinks by setting the text-decoration property to none for the "a" selector.

Explanation

The correct answer is "a { text-decoration: none; }". This CSS code will remove the underline from hyperlinks by setting the text-decoration property to none for the "a" selector.