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

10 Questions | Total Attempts: 329

SettingsSettingsSettings
Please wait...
CSS Quizzes & Trivia

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!)


Questions and Answers
  • 1. 
    XHTML: Which of these answers will place a horizontal rule between two paragraphs?
    • A. 

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

    • B. 

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

    • C. 

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

    • D. 

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

    • E. 

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

  • 2. 
    CSS: This code changes the color of the background and the text, but what is missing?body {     ________________: #FFFFFF;     Color: #000000;}
  • 3. 
    XHTML: Which of these tags will make a sample of text become Italic?
    • A. 

      < b >italic text< /b >

    • B. 

      < li >italic text < /li >

    • C. 

      < p >italic text< /p >

    • D. 

      < i >italic text< /i >

    • E. 

      < strong >italic text< /strong >

  • 4. 
    XHTML: Which of these tags will make a sample of text become Bold?
    • A. 

      < b >bold text< /b >

    • B. 

      < li >bold text< /li >

    • C. 

      < p >bold text< /p >

    • D. 

      < i >bold text< /i >

    • E. 

      < strong >bold text< /strong >

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

      Header { width: 100px; }

    • B. 

      #Header { width: auto; }

    • C. 

      #Header { width: 100px; }

    • D. 

      #Header ( WIDTH: 100px; )

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

      #Header { padding: 5px; }

    • B. 

      #Header { margin: 5px; }

  • 7. 
    XHTML: This code changes the colour of the background to grey, but what is missing?< html >< head >< /head >< body _______="#777777" >< /body >< /html >
  • 8. 
    XHTML: Which of these samples create a un-ordered list?
    • A. 

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

    • B. 

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

    • C. 

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

    • D. 

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

  • 9. 
    CSS: Which of these samples of code will remove the underline from hyperlinks?
    • A. 

      A { list-style-type: none; }

    • B. 

      A { text-decoration: no-underline; }

    • C. 

      A ( text-decoration: none; )

    • D. 

      A ( list-style-type: none; )

    • E. 

      A { text-decoration: none; }

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

      #Header { border: 5px solid; }

    • B. 

      #Header { border: solid; }

    • C. 

      #Header { border: 5px dotted; }

    • D. 

      #Header { border: "solid"; }

    • E. 

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