HTML + CSS 2

Frage 1 von 5

1

In the presentation the CSS was inside the <HEAD> tags

Wähle eins der folgenden:

WAHR
FALSCH

Erklärung

Frage 2 von 5

1

Select all lines of code below which contain CSS, not HTML

Wähle eine oder mehr der folgenden:

background-color: lightblue;
<a href="index.html">Home page</a>
h1 {
<h1>

Erklärung

Frage 3 von 5

1

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 {
❌
text-align: ❌;
}
</style>
</head>
<body>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<p>A paragraph of text</p>
</body>
</html>

Klicke und ziehe, um den Text zu vervollständigen.

color: red;

color: blue;

color: green;

center

left

right

Erklärung

Frage 4 von 5

1

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>
❌,h2 {
font-family: Verdana;
}
❌ {
font-family: ❌;
}
</style>
</head>
<body>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<p>A paragraph of text</p>
</body>
</html>

Klicke und ziehe, um den Text zu vervollständigen.

h1

p

Times New Roman

Verdana

Erklärung

Frage 5 von 5

1

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: ❌;
}
h1,h2 {
font-family: Verdana;
background-color: ❌;
❌
padding: 14px 25px;
text-align: center;
}
p {
font-family: Times New Roman;
❌
}
</style>
</head>
<body>
<h1>Heading 1</h1>
<h2>Heading 2</h2>
<p>A paragraph of text</p>
</body>
</html>

Klicke und ziehe, um den Text zu vervollständigen.

blue

yellow

color: blue;

color: yellow;

	Erstellt von Ian Simpson vor mehr als 4 Jahre

Introduction to CSS

HTML + CSS 2

HTML + CSS 2

Frage 1 von 5

In the presentation the CSS was inside the <HEAD> tags

Wähle eins der folgenden:

Erklärung

Frage 2 von 5

Select all lines of code below which contain CSS, not HTML

Wähle eine oder mehr der folgenden:

Erklärung

Frage 3 von 5

Klicke und ziehe, um den Text zu vervollständigen.

Erklärung

Frage 4 von 5

Klicke und ziehe, um den Text zu vervollständigen.

Erklärung

Frage 5 von 5

Klicke und ziehe, um den Text zu vervollständigen.

Erklärung