Font size
WorksheetsPart 1 Advance HTML and CSS
Total questions: 20
Worksheet time: 11mins
What is the reasoning behind the Don’t Repeat Yourself principle?
It helps you stay under the HTML file character limit
HTML files with repeated code will take a very long time to load
Repeated code makes it harder to read and edit
It makes a more clean and organized website for the user
What are some ways to cut down on repetitive code in your website?
Group together multiple selectors with commas
Strategically plan ahead to make sure the site is coded concisely
Use a div to style multiple elements
All of the above
Which of the following selects all p tags with the class alert and makes them red?
p.alert {
color: red;
}
p {
.alert {
color:red;
}
.alert p{
color: red;
}
p alert{
color: red;
}
How can I select all h1 tags that are immediate children of div tags?
div h1 {
...
}
div > h1 {
...
}
div {
h1 {
...
}
}
.h1 div {
...
}
What is the difference between <span> and <div>?
<span> is better for styling text, while <div> is better for styling images
<span> is for styling multiple elements, while <div> is for styling single elements at a time
<span> is used to group and style inline elements, while <div> creates a line break
<span> is used to style elements, while <div> is used to embed parts of other websites
What is the function of the div tag?
To define a section of an HTML page
To group a block of elements together to format them with CSS
To efficiently apply the same style to several different elements
All of the above
Which of the following correctly uses div to style multiple elements the same way?
<div class="intro">
<h2>Welcome</h2>
<p>Hi, welcome to my page.</p>
</div>
<div>
<h2 class="intro">Welcome</h2>
<p class="intro">Hi, welcome to my page.</p>
</div>
<div>
.intro{
font-size: 16px;
font-style: italic;
}
<h2>Welcome</h2>
<p>Hi, welcome to my page.</p>
</div>
<h2 div class="intro">Welcome</h2>
<p div class="intro">Hi, welcome to my page.</p>
What is the function of the div tag?
To define a section of an HTML page
To group a block of elements together to format them with CSS
To efficiently apply the same style to several different elements
All of the above
Which of the following correctly uses div to style multiple elements the same way?
<div class="intro">
<h2>Welcome</h2>
<p>Hi, welcome to my page.</p>
</div>
<div>
<h2 class="intro">Welcome</h2>
<p class="intro">Hi, welcome to my page.</p>
</div>
<div>
.intro{
font-size: 16px;
font-style: italic;
}
<h2>Welcome</h2>
<p>Hi, welcome to my page.</p>
</div>
<h2 div class="intro">Welcome</h2>
<p div class="intro">Hi, welcome to my page.</p>
What are IFrames?
Videos uploaded to your website
Buttons that link to other websites
HTML pages embedded inside of other HTML pages
The number of views your website has
It is possible to embed any website inside IFrames.
True
False
Which of the following is the proper way to link to the about.html page from the index.html page?
<a href="about">About This Site</a>
<a href="about.html">About This Site</a>
<a href="/about">About This Site</a>
<a href="/about.html">About This Site</a>
Which of the following is the proper way to apply the CSS code inside style.css to the home.html file?
<head>
<style href="style.css"></style>
</head>
<html href="home.html">
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
applyTo {
href: home.html;
}
What do you press to create a new page/file on your site.
3 words all lower case
(a)
What should your files end with?
.css
html
index
.html
Is this the correct link to link to the style.css page?
<link rel="stylesheet" type="text/css" href="style.css">
Yes
No
Which is correct when using an IFrame tag?
<IFrame>
<iframe>
<Iframe>
What are the 3 ways we select css elements?
href
class
tag
span
id
Is it possible to embed any website inside IFrames?
True
False
What site can you go to learn more about css styling?
Wschools
W2schools
W3schools
