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

Reviewed by Editorial Team
The ProProfs editorial team is comprised of experienced subject matter experts. They've collectively created over 10,000 quizzes and lessons, serving over 100 million users. Our team includes in-house content moderators and subject matter experts, as well as a global network of rigorously trained contributors. All adhere to our comprehensive editorial guidelines, ensuring the delivery of high-quality content.
Learn about Our Editorial Process
| By D.j.mcshee
D
D.j.mcshee
Community Contributor
Quizzes Created: 1 | Total Attempts: 464
| Attempts: 464
SettingsSettings
Please wait...
  • 1/10 Questions

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

    • < b >italic text< /b >
    • < li >italic text < /li >
    • < p >italic text< /p >
    • < i >italic text< /i >
    • < strong >italic text< /strong >
Please wait...
D.J.Mcshee
About This Quiz

Quiz on the basics of XHTML and CSS; questions will be on the code, syntax etc
(To make the XHTML questions display correctly I have had to put spaces in the beginning and the end of the tags!)

Quiz Preview

  • 2. 

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

    • < ul > < li >Item 1< /li > < li >Item 2< /li > < li >Item 3< /li > < /ul >

    • < ol > < li >Item 1< /li > < li >Item 2< /li > < li >Item 3< /li > < /ol >

    • < ul > < li "Item 1" / > < li "Item 2" / > < li "Item 3" / > < /ul >

    • < ol > < li "Item 1" / > < li "Item 2" / > < li "Item 3" / >

    Correct Answer
    A. < ul > < li >Item 1< /li > < li >Item 2< /li > < li >Item 3< /li > < /ul >
    Explanation
    The correct answer is the first option, which is: < ul >
    < li >Item 1< /li >
    < li >Item 2< /li >
    < li >Item 3< /li >
    < /ul >

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

    Rate this question:

  • 3. 

    CSS: This code changes the color of the background and the text, but what is missing?body {     ________________: #FFFFFF;     Color: #000000;}

    Correct Answer
    background-color
    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;".

    Rate this question:

  • 4. 

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

    • < p >paragraph< /p > < br / > < p >another paragraph< /p >

    • < p >paragraph< /p > < hr / > < p >another paragraph< /p >

    • < p >paragraph< /p > < p >another paragraph< /p > < hr / >

    • < hr / > < p >paragraph< /p > < p >another paragraph< /p >

    • < br / > < p >paragraph< /p > < p >another paragraph< /p >

    Correct Answer
    A. < p >paragraph< /p > < hr / > < p >another paragraph< /p >
    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.

    Rate this question:

  • 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"; }

    Correct Answer
    A. #Header { border: 5px solid; }
    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.

    Rate this question:

  • 6. 

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

    • < b >bold text< /b >

    • < li >bold text< /li >

    • < p >bold text< /p >

    • < i >bold text< /i >

    • < strong >bold text< /strong >

    Correct Answer
    A. < b >bold text< /b >
    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.

    Rate this question:

  • 7. 

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

    • #Header { padding: 5px; }

    • #Header { margin: 5px; }

    Correct Answer
    A. #Header { margin: 5px; }
    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.

    Rate this question:

  • 8. 

    XHTML: This code changes the colour of the background to grey, but what is missing?< html >< head >< /head >< body _______="#777777" >< /body >< /html >

    Correct Answer
    bgcolor
    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.

    Rate this question:

  • 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; )

    Correct Answer
    A. #Header { width: 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.

    Rate this question:

  • 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; }

    Correct Answer
    A. A { text-decoration: none; }
    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.

    Rate this question:

Quiz Review Timeline (Updated): Mar 18, 2023 +

Our quizzes are rigorously reviewed, monitored and continuously updated by our expert board to maintain accuracy, relevance, and timeliness.

  • Current Version
  • Mar 18, 2023
    Quiz Edited by
    ProProfs Editorial Team
  • Dec 23, 2009
    Quiz Created by
    D.j.mcshee
Back to Top Back to top
Advertisement