NEW
Font size
WorksheetsHTML & CSS Basics
Total questions: 15
Worksheet time: 8mins
Which of the following codes starts a set of HTML code?
<html>
<doctype html>
<!DOCTYPE HTML>
<doctype><html>
Which of the following symbols indicates an ending tag in HTML?
;
/
<>
!
How do you set up the body for your html web page?
<b>
<bo>
<body>
<doc>
Which of the following BEST explains the difference between a <p> tag and a <br> tag?
The <br> tag produces a blank line, while the <p> tag does not
The <p> tag produces a blank line, while the <br> tag does not
Which of the following lists includes EVERY type of code needed to make an unordered list?
<ab> ... <li> .... </li> ... </ab>
<unL> ... <li> .... </li> ... </unL>
<ol> ... <li> .... </li> ... </ol>
<ul> ... <li> .... </li> ... </ul>
When should you use the <ol> code to make a list?
Steps for a recipe
Top 10 items
List of names
None of the above
When should you use the <ul> code to make a list?
Top 5 Chef Favorites
Ingredients list
Steps to complete a recipe
None of the above
How do you make an image code?
<img src="..." alt="...">
<image source="..."> <alt>
</image> </alt>
<image src="..." alt="...">
None of the above
What is the difference between HTML and CSS?
HTML provides the content, CSS provides the pictures
HTML provides the structure & content, CSS provides the color / look of the web page
HTML and CSS are the same thing
None of the above
What is the proper way to reference an ID in the CSS?
(Note: Assuming that the ID is set up properly in the HTML)
You would use a period: .idname
You would use a number sign: #idname
What is the proper way to reference a class in the CSS?
(Note: Assuming that the class is set up properly in the HTML)
You would use a period: .classname
You would use a number sign: #classname
What is the purpose of using ID tags in HTML and CSS?
To identify a word or phrase and make it stand out
To identify a section of the HTML and make changes to it in CSS easier
To identify a section of the HTML for the code, but it has nothing to do with CSS because they don't communicate for ID tags
How can you select all of the h3 tags on the webpage at one time to change the font color to blue?
#allh1s { color: blue; }
#h1 {blu}
h1 {color: blue;}
<h1 font-color="blue">
How would you select this paragraph by its ID in CSS?
<p id="intro">Welcome to our Intro to Computer Science and Web Design class! We are so happy that you are here. Please visit www.canvas.wcr7.org to get connected to our classroom site. Once there, please find the Modules tab and CLICK ON the DAILY SCHEDULE.</p>
.p-intro { ... }
#p-intro { ... }
.intro { ... }
#intro { ... }
Which of the following would select only the images on the page with the class name of "icon" ?
<img class="icon" src="cat.gif">
<img class="icon" src="rabbit.gif">
<img src="balloon.gif">
<img src="truck.gif">
#src { ... }
.icon { ... }
#icon { ... }
.img-icon {... }
