21295757
Beschreibung
Quiz von Ian Simpson, aktualisiert more than 1 year ago
|
Erstellt von Ian Simpson
vor fast 5 Jahre
|
|
Frage 1
Frage
In the presentation the CSS was inside the <HEAD> tags
Antworten
- True
- False
Frage 2
Frage
Select all lines of code below which contain CSS, not HTML
Antworten
-
background-color: lightblue;
-
<a href="index.html">Home page</a>
-
h1 {
-
<h1>
Frage 3
Frage
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>
Antworten
-
color: red;
-
color: blue;
-
color: green;
-
center
-
left
-
right
Frage 4
Frage
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>
Antworten
-
h1
-
p
-
Times New Roman
-
Verdana
Frage 5
Frage
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>
Antworten
-
blue
-
yellow
-
color: blue;
-
color: yellow;
Möchten Sie mit GoConqr kostenlos Ihre eigenen Quiz erstellen? eigenen Mehr erfahren.