Styling your Website
Quiz by Elizabeth Reale
Feel free to use or edit a copy
includes Teacher and Student dashboards
Measure skillsfrom any curriculum
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!
17 questions
Show answers
- Q1Separates property information from other property informationsemi-colon (;)="quotation marks"colon (:)30sEditDelete
- Q2Assigns values to a property=semi-colon (;)colon (:)"quotation marks"30sEditDelete
- Q3Attribute that allows for specific customization of your websitebodyh1pstyle30sEditDelete
- Q4Fill in the blank: <img src ="flintstone.jpg" ______="border:blue solid 5px;"/>hrefwidthstyletarget30sEditDelete
- Q5Fill in the blank: <img src ="flintstone.jpg" width="400_____" height="300____"/>hrefstylepxsrc30sEditDelete
- Q6Which property changes the background color your website?backgroundbodycolorstyle30sEditDelete
- Q7Which is the attribute in this line of code? <p style="color: red;background:yellow;">colorpstylebackground30sEditDelete
- Q8Which is the property in this line of code? <p style="color: blue;">backgroundstylecolorp30sEditDelete
- Q9What is the property that changes font style?family-fontfont-stylefont-familyfont30sEditDelete
- Q10Which 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;>30sEditDelete
- Q11Which 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">30sEditDelete
- Q12Select 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;">30sEditDelete
- Q13What property adds a border for an image?border-sizeborder-colorborder30sEditDelete
- Q14How 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;"/>30sEditDelete
- Q15If you wanted to change the style for the ENTIRE website, which element tag would you manipulate?bodyptitleh130sEditDelete
- Q16Which 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;”>30sEditDelete
- Q17Which 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”>30sEditDelete