Webentwicklung für Anfänger: Lerne HTML, CSS und JavaScript

Question 1

Welche JavaScript-Methode ändert den Text des HTML-Elements mit der ID 'paragraph-1' in 'Neuer Text'?

Accepted Answer

document.getElementById('paragraph-1').textContent = 'Neuer Text';

Answer

document.getElementsByTagName('p').textContent = 'Neuer Text';

Answer

document.getElementsByClassName('paragraph-1').textContent = 'Neuer Text';

Question 2

Welcher CSS-Code ändert das Erscheinungsbild eines

-Elements so, dass es eine Schriftgröße von 18px, eine blaue Textfarbe und eine fette Schrift erhält?

Accepted Answer

p { font-size: 18px; color: blue; font-weight: bold; }

Answer

p { font: 18px bold blue; }

Answer

p { size: 18px; color: blue; style: bold; }

Answer

p { font-size: 18px; background-color: blue; font-weight: bold; }

Question 3

Welche Methode zur Bereitstellung von Websites bietet sowohl hohe Skalierbarkeit als auch Leistung?

Accepted Answer

Serverlose Bereitstellung

Answer

Statische Bereitstellung

Answer

Dynamische Bereitstellung

Answer

Statische Site-Generierung

Question 4

Welche Vorteile bieten HTML5-Features wie Canvas, Audio und Video und wie können sie die Nutzererfahrung auf Websites verbessern?

Accepted Answer

Sie ermöglichen interaktive Elemente wie Spiele, Animationen und Datenvisualisierungen, die das Nutzererlebnis verbessern.

Answer

Sie dienen nur der optischen Aufwertung von Websites und haben keinen Einfluss auf die Nutzererfahrung.

Answer

Sie sind nur für komplexe Websites mit vielen Multimedia-Inhalten geeignet.

Question 5

Wie funktioniert responsives Webdesign und warum ist es wichtig für eine gute Nutzererfahrung auf Websites, egal welches Gerät oder welche Bildschirmgröße verwendet wird?

Accepted Answer

Responsives Webdesign passt die Inhalte einer Website automatisch an die Größe des Bildschirms an.

Answer

Responsives Webdesign benötigt spezielle Programmiersprachen für verschiedene Geräte.

Answer

Responsives Webdesign macht Websites auf mobilen Geräten schneller.

Answer

Responsives Webdesign ist nur für Websites mit vielen Besuchern notwendig.

Question 6

Welche Aufgabe erfüllen CSS-Selektoren beim Gestalten und Stylen von Webseiten?

Accepted Answer

Sie ermöglichen es, bestimmte Elemente anhand von Merkmalen auszuwählen und ihr Aussehen zu steuern.

Answer

Sie legen die Reihenfolge der Elemente auf der Seite fest.

Answer

Sie dienen zum Schreiben von JavaScript-Code.

Answer

Sie haben keine praktische Anwendung beim Erstellen von Websites.

Question 7

Beschreibe die Aufgaben von Front-End- und Back-End-Entwicklern und erkläre, wie sie zusammenarbeiten.

Accepted Answer

Front-End-Entwickler gestalten die Benutzeroberfläche, während Back-End-Entwickler die Logik und Datenverarbeitung übernehmen.

Answer

Back-End-Entwickler gestalten die Benutzeroberfläche, während Front-End-Entwickler die Logik und Datenverarbeitung übernehmen.

Answer

Front-End- und Back-End-Entwickler arbeiten unabhängig voneinander.

Answer

Front-End-Entwickler erstellen den Inhalt, während Back-End-Entwickler den Server verwalten.

Question 8

Welche der folgenden Aussagen beschreibt am besten, wie Versionskontrollsysteme die Zusammenarbeit in der Webentwicklung unterstützen?

Accepted Answer

Vereinfachung der Zusammenarbeit durch gemeinsame Speicherung, Konfliktlösung und verbesserte Kommunikation.

Answer

Zentrale Speicherung von Code ohne weitere Vorteile für die Zusammenarbeit.

Answer

Verfolgung von Änderungen und Zusammenführung von Code, aber keine Unterstützung für Kommunikation oder Koordination.

Answer

Unterstützung bei der Verwaltung von Projekten und Aufgaben, aber keine Vorteile für die Zusammenarbeit bei der Codeverwaltung.

Question 9

Was sind die wichtigsten Prinzipien des responsiven Webdesigns und wie hilft es Entwicklern, Websites zu erstellen, die sich an unterschiedliche Bildschirmgrößen und Gerätetypen anpassen?

Accepted Answer

Responsives Webdesign passt den Inhalt einer Website an die Größe des Browserfensters an.

Accepted Answer

Responsives Webdesign soll die Notwendigkeit separater mobiler Websites überflüssig machen.

Answer

Responsives Webdesign ist nur für die Verwendung auf Mobilgeräten gedacht.

Answer

Responsives Webdesign beschränkt die Anzeige von Websites auf Desktop-Computer.

Question 10

Welche Auswirkungen haben künstliche Intelligenz (KI) und maschinelles Lernen (ML) auf die Zukunft der Webentwicklung?

Accepted Answer

KI und ML ermöglichen eine bessere Personalisierung und Optimierung von Websites.

Answer

KI und ML verringern die Bedeutung von Design und Benutzeroberfläche.

Answer

KI und ML machen menschliche Entwickler überflüssig.

Answer

KI und ML ersetzen Programmiersprachen weitgehend.

Question 11

Welcher CSS-Selektor wählt alle HTML-Elemente mit der Klasse 'beispielklasse' aus?

Accepted Answer

.beispielklasse

Answer

#beispielklasse

Answer

beispielklasse

Question 12

Welches HTML-Element wird für Hauptüberschriften verwendet?

Accepted Answer

<h1>

Answer

<h2>

Answer

<head>

Answer

<body>

Question 13

Welches HTML-Element dient zum Erstellen eines anklickbaren Links zu einer anderen Website oder Datei?

Accepted Answer

<a>

Answer

<link>

Answer

<href>

Answer

<url>

Question 14

Welcher HTML-Tag wird verwendet, um einen Link zu einer anderen Webseite zu erstellen?

Accepted Answer

<a>

Answer

<link>

Answer

<href>

Answer

<url>

Question 15

Wie funktionieren CSS-Selektoren bei der Auswahl von Elementen auf einer Webseite?

Accepted Answer

CSS-Selektoren navigieren durch die Webseite wie einen Baum, um Elemente auszuwählen.

Answer

CSS-Selektoren können nur Elemente mit einem bestimmten Attribut auswählen.

Answer

CSS-Selektoren können nur eine begrenzte Anzahl von Elementen auswählen.

Question 16

Welches HTML-Element erzeugt eine Überschrift der Stufe 2?

Accepted Answer

<h2>

Answer

<h1>

Answer

<h3>

Answer

<h4>

Question 17

Welches HTML-Element dient zur Festlegung des Titels einer Webseite?

Accepted Answer

<title>

Answer

<body>

Answer

<meta>

Answer

Question 18

Welcher Selektor wählt alle Elemente mit der Klasse "beispiel" aus?

Accepted Answer

.beispiel

Answer

beispiel

Answer

#beispiel

Answer

*beispiel

Question 19

Welches HTML-Element wird verwendet, um einen Textabschnitt zu markieren?

Accepted Answer

<p>

Answer

<span>

Answer

<h1>

Answer

<div>

Question 20

Welches HTML-Element legt den Titel einer Webseite fest?

Accepted Answer

<title>

Answer

<head>

Answer

<body>

Answer

<h1>

Question 21

Welches HTML-Element wird verwendet, um Überschriften anzuzeigen?

Accepted Answer

<h1>

Answer

<p>

Answer

<div>

Answer

<span>

Question 22

Welches HTML-Element wird genutzt, um einen Textabsatz zu erstellen?

Accepted Answer

<p>

Answer

<div>

Answer

<h1>

Question 23

Welcher HTML-Tag wird für eine Überschrift der ersten Ebene verwendet?

Accepted Answer

<h1>

Answer

<head>

Answer

<body>

Answer

Question 24

Welches HTML-Element wird für Überschriften genutzt?

Accepted Answer

<h1>

Answer

<head>

Answer

<p>

Question 25

Welches HTML-Element wird für die Erstellung eines Links verwendet?

Accepted Answer

<a>

Answer

<link>

Answer

<href>

Answer

<url>

Question 26

Wie erstellst du in JavaScript ein neues HTML-Element?

Accepted Answer

createElement()

Answer

<html>

Answer

<div>

Answer

appendChild()

Question 27

Wie werden HTML-Elemente in der HTML-Syntax geschrieben?

Accepted Answer

Mit spitzen Klammern <>.

Answer

Mit eckigen Klammern [].

Answer

Mit geschweiften Klammern {}.

Question 28

Welcher Selektor wählt alle Elemente mit der Klasse 'container' aus?

Accepted Answer

.container

Answer

#container

Answer

container

Answer

container[]

Question 29

Welches HTML-Element wird verwendet, um einen Link zu einer anderen Website zu erstellen, auf den geklickt werden kann?

Accepted Answer

<a>

Answer

<link>

Answer

<href>

Answer

<url>

Question 30

Was sind die grundlegenden Bausteine von Webseiten, die ihren Inhalt und ihr Aussehen festlegen?

Accepted Answer

HTML-Elemente

Answer

Hierarchische Strukturen

Answer

Text- und Bildelemente

Answer

Großgeschriebene Elemente

Question 31

Welches HTML-Element wird verwendet, um eine Überschrift der zweiten Ebene zu erstellen?

Accepted Answer

<h2>

Answer

<div>

Answer

<h1>

Answer

<h5>

Question 32

Welcher HTML-Tag erstellt einen anklickbaren Link zu einer anderen Website?

Accepted Answer

<a href='https://example.org'>Beispiel</a>

Answer

Answer

<href='https://example.org'>Beispiel</href>

Answer

<linkto href='https://example.org'>Beispiel</linkto>

Question 33

Welches HTML-Element wird verwendet, um einen Link zu einer anderen Website zu erstellen?

Accepted Answer

<a>

Answer

<link>

Answer

<href>

Question 34

Welcher CSS-Selektor wählt alle Elemente mit dem Attribut 'name' und dem Wert 'inhalt' aus?

Accepted Answer

[name=inhalt]

Answer

inhalt

Answer

.inhalt

Answer

inhalt[]

Question 35

Welches HTML-Element kennzeichnet den Kopfbereich einer Webseite?

Accepted Answer

Answer

<div>

Answer

<span>

Question 36

Welches HTML-Element wird verwendet, um einen Textabsatz zu erstellen?

Accepted Answer

<p>

Answer

<div>

Answer

<h1>

Answer

<span>

Question 37

Welche HTML-Anweisung erstellt einen anklickbaren Link zu einer Webseite?

Accepted Answer

<a href="www.example.com">Beispiel</a>

Answer

Answer

<url href="www.example.com">Beispiel</url>

Answer

<hyperlink href="www.example.com">Beispiel</hyperlink>

Question 38

Welcher Selektor wählt alle Elemente mit der Klasse "container" aus?

Accepted Answer

.container

Answer

container

Answer

#container

Question 39

Welches HTML-Element wird für Überschriften der obersten Ebene verwendet?

Accepted Answer

<h1>

Answer

<title>

Answer

Answer

<body>

Question 40

Welches HTML-Element wird für eine Überschrift der ersten Ebene verwendet?

Accepted Answer

<h1>

Answer

<div>

Answer

<span>

Question 41

Welches HTML-Element wird verwendet, um einen neuen Absatz zu erstellen?

Accepted Answer

<p>

Answer

<div>

Answer

<ul>

Answer

<head>

Question 42

Welches HTML-Element wird verwendet, um eine Überschrift anzuzeigen?

Accepted Answer

<h1>

Answer

<p>

Answer

<div>

Answer

<b>

Question 43

Welches CSS-Attribut zentriert den Inhalt eines

-Elements?

Accepted Answer

text-align: center

Answer

align: center

Answer

center-text

Question 44

Welches HTML-Element wird verwendet, um eine Überschrift zu erstellen?

Accepted Answer

<h1>

Answer

<p>

Answer

<div>

Answer

<span>

Question 45

Welches HTML-Element wird verwendet, um eine Überschrift der ersten Ebene zu erstellen?

Accepted Answer

<h1>

Answer

<h2>

Answer

<h3>

Answer

<h4>

Question 46

Welche CSS-Eigenschaft wird verwendet, um den Abstand zwischen Elementen zu steuern?

Accepted Answer

margin

Answer

padding

Answer

border

Answer

width

Question 47

Welches HTML-Element wird verwendet, um ein Bild einzufügen?

Accepted Answer

<img>

Answer

<image>

Answer

Answer

<photo>

Question 48

Welche CSS-Eigenschaft wird verwendet, um die Hintergrundfarbe eines Elements zu ändern?

Accepted Answer

background-color

Answer

color

Answer

background

Answer

bgcolor

Question 49

Welcher JavaScript-Datentyp wird verwendet, um Wahrheitswerte zu speichern?

Accepted Answer

boolean

Answer

string

Answer

number

Answer

object

Question 50

Welche CSS-Eigenschaft wird verwendet, um die Schriftgröße eines Elements zu ändern?

Accepted Answer

font-size

Answer

size

Answer

text-size

Answer

font

Question 51

Wie erstellst du in HTML einen Link zu einer anderen Webseite?

Accepted Answer

<a href="beispiel.html">Beispiel</a>

Answer

Answer

<a example="beispiel.html">Beispiel</a>

Answer

Question 52

Welches der folgenden Programme wird NICHT zur Webentwicklung verwendet?

Accepted Answer

Textverarbeitungsprogramm (z. B. Microsoft Word)

Answer

HTML-Editor

Answer

CSS-Framework (z. B. Bootstrap)

Answer

JavaScript-Bibliothek (z. B. jQuery)

Question 53

Welches HTML-Element wird verwendet, um einen Textabsatz zu erstellen?

Accepted Answer

<p>

Answer

<div>

Answer

<h1>

Answer

<br>

Question 54

Welches HTML-Element wird verwendet, um eine Überschrift der zweiten Ebene zu erstellen?

Accepted Answer

<h2>

Answer

<h1>

Answer

<h6>

Question 55

Wie werden HTML-Tags geschrieben?

Accepted Answer

In spitzen Klammern

Answer

In geschweiften Klammern

Answer

In eckigen Klammern

Question 56

Welches dieser Elemente ist KEIN Bestandteil der HTML-Struktur?

Accepted Answer

Answer

<div>

Answer

Answer

<p>

Question 57

Welcher CSS-Selektor wählt alle Elemente mit der Klasse 'container' aus?

Accepted Answer

.container

Answer

container

Answer

#container

Answer

*container

Question 58

Welches HTML-Element ist kein semantisches Element?

Accepted Answer

div

Answer

header

Answer

article

Answer

nav

Question 59

Warum sind semantische HTML-Elemente wichtig? Erkläre ihren Nutzen für Barrierefreiheit, Pflege und Suchmaschinenoptimierung von Websites.

Accepted Answer

Semantische HTML-Elemente helfen Screenreadern und Suchmaschinen, den Inhalt einer Website zu verstehen.

Answer

Semantische HTML-Elemente bieten keine Vorteile gegenüber einfachen Elementen.

Answer

Semantische HTML-Elemente sind nur für komplexe Websites mit viel Inhalt relevant.

Answer

Die Verwendung semantischer HTML-Elemente kann die Ladezeit einer Website verlangsamen.

Question 60

Mit welcher CSS-Eigenschaft kann die Hintergrundfarbe eines Elements definiert werden?

Accepted Answer

background-color

Answer

background

Answer

color

Answer

bgcolor

Question 61

Welcher JavaScript-Operator wird verwendet, um einer Variablen einen Wert zuzuweisen?

Accepted Answer

=

Answer

===

Answer

==

Answer

=>

Question 62

Welches Attribut wird genutzt, um einen Hyperlink zu einer externen Ressource zu erstellen?

Accepted Answer

href

Answer

src

Answer

target

Answer

rel

Question 63

Welcher HTTP-Statuscode steht für eine erfolgreiche Anfrage?

Accepted Answer

200

Answer

404

Answer

500

Answer

301

Question 64

Welcher HTML-Tag dient dazu, ein Bild in eine Webseite einzubinden?

Accepted Answer

<img>

Answer

<image>

Answer

Answer