placeholder image to represent content

Styling your Website

Quiz by Elizabeth Reale

Feel free to use or edit a copy

includes Teacher and Student dashboards

Measure skills
from any curriculum

Tag the questions with any skills you have. Your dashboard will track each student's mastery of each skill.

With a free account, teachers can
  • edit the questions
  • save a copy for later
  • start a class game
  • view complete results in the Gradebook and Mastery Dashboards
  • automatically assign follow-up activities based on students’ scores
  • assign as homework
  • share a link with colleagues
  • print as a bubble sheet

Our brand new solo games combine with your quiz, on the same screen

Correct quiz answers unlock more play!

New Quizalize solo game modes
17 questions
Show answers
  • Q1
    Separates property information from other property information
    semi-colon (;)
    =
    "quotation marks"
    colon (:)
    30s
    Edit
    Delete
  • Q2
    Assigns values to a property
    =
    semi-colon (;)
    colon (:)
    "quotation marks"
    30s
    Edit
    Delete
  • Q3
    Attribute that allows for specific customization of your website
    body
    h1
    p
    style
    30s
    Edit
    Delete
  • Q4
    Fill in the blank: <img src ="flintstone.jpg" ______="border:blue solid 5px;"/>
    href
    width
    style
    target
    30s
    Edit
    Delete
  • Q5
    Fill in the blank: <img src ="flintstone.jpg" width="400_____" height="300____"/>
    href
    style
    px
    src
    30s
    Edit
    Delete
  • Q6
    Which property changes the background color your website?
    background
    body
    color
    style
    30s
    Edit
    Delete
  • Q7
    Which is the attribute in this line of code? <p style="color: red;background:yellow;">
    color
    p
    style
    background
    30s
    Edit
    Delete
  • Q8
    Which is the property in this line of code? <p style="color: blue;">
    background
    style
    color
    p
    30s
    Edit
    Delete
  • Q9
    What is the property that changes font style?
    family-font
    font-style
    font-family
    font
    30s
    Edit
    Delete
  • Q10
    Which is correct way to add a black background throughout the entire website?
    <body style="background:black;">
    <h1 style="background:black;">
    {body style=background:black}
    <body style=background:black;>
    30s
    Edit
    Delete
  • Q11
    Which is the correct way to style a website that has a green font color in a paragraph?
    <p style="color:green;">
    <p style=color:green;>
    <body style="color:green;">
    <p style="background:green">
    30s
    Edit
    Delete
  • Q12
    Select the style code below that uses style to add a blue background to a large heading.
    <body style="background:blue;">
    <h1 style=background:blue;>
    <h1 style="background;blue:">
    <h1 style="background:blue;">
    30s
    Edit
    Delete
  • Q13
    What property adds a border for an image?
    border-size
    border-color
    border
    30s
    Edit
    Delete
  • Q14
    How do you add a pink double border to an image that is 7 pixels thick?
    <img src="www.heart.png" "border-color:pink double 7px;"/>
    <img src="www.heart.png" "border:pink double 7px;">
    <img src="www.heart.png" "border:pink double 7px;"/>
    <img scr="www.heart.png" "border:pink double 7px;"/>
    30s
    Edit
    Delete
  • Q15
    If you wanted to change the style for the ENTIRE website, which element tag would you manipulate?
    body
    p
    title
    h1
    30s
    Edit
    Delete
  • Q16
    Which of these style tags is the accurate way for adding font color of purple and background color of orange to the h1 heading?
    <h1 style=”color;purple:background;orange:”>
    <h1 style=”color:purple;background:orange;”>
    <body style=”color:purple;background:orange;”>
    <h1 style=”color:orange;background:purple;”>
    30s
    Edit
    Delete
  • Q17
    Which of these style tags is the accurate way for adding font color of white and background color of brown, and font family style of arial to a paragraph?
    <h1 style=”color:white;background:brown;font-family:arial”>
    <p style=”color:white;background:brown;font-style:arial”>
    <body style=”color:white;background:brown;font-family:arial”>
    <p style=”color:white;background:brown;font-family:arial”>
    30s
    Edit
    Delete

Teachers give this quiz to your class