HTML + CSS 2

Ian Simpson
Quiz by Ian Simpson, updated more than 1 year ago
Ian Simpson
Created by Ian Simpson about 1 year ago
66
0

Description

Introduction to CSS

Resource summary

Question 1

Question
In the presentation the CSS was inside the <HEAD> tags
Answer
  • True
  • False

Question 2

Question
Select all lines of code below which contain CSS, not HTML
Answer
  • background-color: lightblue;
  • <a href="index.html">Home page</a>
  • h1 {
  • <h1>

Question 3

Question
Complete the CSS code below to make the any HTML <H1> tags appear in red and in the centred on the screen: <!DOCTYPE html> <html> <head> <title>repl.it</title> <style> h1 { [blank_start]color: red;[blank_end] text-align: [blank_start]center[blank_end]; } </style> </head> <body> <h1>Heading 1</h1> <h2>Heading 2</h2> <p>A paragraph of text</p> </body> </html>
Answer
  • color: red;
  • color: blue;
  • color: green;
  • center
  • left
  • right

Question 4

Question
Complete the CSS code below to make the HTML <P> tags appear in a different font from the <H1> and <H2> tags: <!DOCTYPE html> <html> <head> <title>repl.it</title> <style> [blank_start]h1[blank_end],h2 { font-family: Verdana; } [blank_start]p[blank_end] { font-family: [blank_start]Times New Roman[blank_end]; } </style> </head> <body> <h1>Heading 1</h1> <h2>Heading 2</h2> <p>A paragraph of text</p> </body> </html>
Answer
  • h1
  • p
  • Times New Roman
  • Verdana

Question 5

Question
Complete the CSS code below to make the webpage look like the image shown: <!DOCTYPE html> <html> <head> <title>repl.it</title> <style> body { background-color: [blank_start]blue[blank_end]; } h1,h2 { font-family: Verdana; background-color: [blank_start]yellow[blank_end]; [blank_start]color: blue;[blank_end] padding: 14px 25px; text-align: center; } p { font-family: Times New Roman; [blank_start]color: yellow;[blank_end] } </style> </head> <body> <h1>Heading 1</h1> <h2>Heading 2</h2> <p>A paragraph of text</p> </body> </html>
Answer
  • blue
  • yellow
  • color: blue;
  • color: yellow;
Show full summary Hide full summary

Similar

Web Designing & Development Full Tutorial
Nandkishor Dhekane
A level Computing Quiz
Zacchaeus Snape
Types and Components of Computer Systems
Jess Peason
Input Devices
Jess Peason
Output Devices
Jess Peason
Computing
Kwame Oteng-Adusei
Pack of playing cards answer
Karl Taylor
Code Challenge Flow Chart
Charlotte Hilton
front end developer test
joni jiniani
Test I. Introduction to web technologies
Angel Martínez Rodriguez
Intro to HTML
Balikkoftesi