HTML
CSS
Code -->Webview
webview --> Code
Accessibility Features
100
What part of the webpage is the <title> tag in on the HTML page?
What is the <head> section.
100
What does CSS stand for?
Cascading Style Sheet
100
Describe exactly what the code below does:
Opens Nike website in another tab by clicking on a link labeled "Nike"
100
What is the code for the 6 pixel wide border below?
border: 6px dashed blue;
100
Explain a problem with this webpage using the WAVE AIM report below
There are 16 spots where the contrast is not high enough between the text and the background
200
What tag is used to create a hyperlink?
The <a> tag (anchor)
200
Where is the link to CSS located on HTML?
The <head> section
200
Describe what one of the below jump links do:
"Jumps" the page to put the element with that ID on the top of the page.
200
What is the full code to get the text color and size below?
p{
color: white;
font-size: 45px;
}
200
Fill in the blank:
_________ is added to the HTML code of images and read aloud by screen readers used by people who are visually impaired.
Alternative text (or alt text)
300
What tag is used to create a line break so that the next object appears on a new line?
The <br> tag
300
What is wrong with the code below? State the error and the line of code.
Missing ; on line 10
300
Describe what this code is exactly and where you would place it:
This is the HTML code to link to the Google font "Poppins". It needs to go in the head of the HTML.
300
Which is a <div> and which is a <span> ?
See picture below
Number 1 is a <div> and Number 2 is a <span>
Divs stretch across the webpage (line element)
300
How do you clear the one error left on this web page? Look at the WAVE AIM report below.
Add lang="en" to your HTML tag
400
What tag is used to create a bulleted list?
The <ul> tag
400
What is the code for setting the background color of the webpage to black using RGB values?
400
Draw what will display with the following code:
400
What label do you use in HTML if you want to apply style to two different elements- like the yellow background for the elements below.
class (can be added to two or more tags in order to style the same)
400
What is the difference between San Serif and Serif fonts?
San Serif means "without (sans) decoration (Serif)" so it does not have extra lines on the bottom and tops of the letters.
500
What code is used to have a hyperlink open in a new browser window.
target = "blank"
500
What is the difference between padding and margin?
Padding is the space INSIDE the element. Margin is the space OUTSIDE the element.
500
What is the correct code for adding an image file called "shoe.webp" and making the width 400 pixels and the alt text read "picture of red Nike shoe"?
<img src="shoe.webp width="400" alt="picture of red Nike shoe"/>
500
Below is the HTML code adding a class "first" to three different spans. How would you add an orange background color to those elements in CSS using class?
<span class="first">hello!</span>
<span class="first">hello!</span>
<span class="first">hello!</span>
CSS
.first{
background-color: orange;
}
500
The video for the alt text lesson mentioned that adding alt text to your webpage increase SEO. What does SEO stand for?
Search Engine Optimization
(Your webpage would be feature higher in a search result)