Question 1
Question
Frage 121
Mit welchem HTML-Code können Sie eine Überschrift erzeugen?
Answer
-
<head></head>
-
<hr />
-
<h1></h1>
-
<h3></h3>
-
<h7></h7>
Question 2
Question
Frage 122
Wie definieren Sie in LESS eine Variable?
Answer
-
variable = wert;
-
.variable { wert };
-
@variable = wert;
-
var variable = wert;
-
@variable: wert;
-
.variable: wert;
-
var variable: wert;
-
@variable { wert };
Question 3
Question
Frage 123
Mit welchem Wert für die CSS-Eigenschaft animation-direction können Sie festlegen, dass eine Animation abwechselnd vorwärts und rückwärts abgespielt wird?
Answer
-
backwards
-
reverse
-
direction(backwards)
-
steps(2)
-
direction(reverse)
-
backsteps
-
back-forth
-
alternate-reverse
-
alternate
-
alternative
Question 4
Question
Frage 124
Wie erzeugen Sie in HTML eine Liste mit Spiegelpunkten (Bullet-Liste)?
Answer
-
<ul>
<li>...</li>
<li>...</li>
</ul>
-
<ol>
<li>...</li>
<li>...</li>
</ol>
-
<dl>
<li>...</li>
<li>...</li>
</dl>
Question 5
Question
Frage 125
Wie erzeugen Sie in LESS einen Kommentar?
Answer
-
# Dies ist ein Kommentar
-
/* Dies ist ein Kommentar */
-
// Dies ist ein Kommentar
-
<!-- Dies ist ein Kommentar -->
Question 6
Question
Frage 126
Mit welchem Tag kennzeichnen Sie in HTML ein Zitat?
Question 7
Question
Frage 127
Durch welchen HTML-Tag wird der Text in den meisten Browsern kursiv dargestellt?
Answer
-
<cursive>...</cursive>
-
<b>...</b>
-
<oblique>...</oblique>
-
<strong>...</strong>
-
<em>...</em>
-
<i>...</i>
Question 8
Question
Frage 128
Mit welchem HTML-Attribut im <video>-Tag können Sie ein Video in einer Endlosschleife abspielen?
Answer
-
autostart
-
autoplay
-
endless
-
looping
-
repeat
-
repeating
-
loop
Question 9
Question
Frage 129
Welches CSS-Attribut bewirkt einen Außenabstand für ein Element?
Question 10
Question
Frage 130
Wie erzeugen Sie in CSS einen Kommentar?
Answer
-
<!-- Dies ist ein Kommentar -->
-
/* Dies ist ein Kommentar */
-
// Dies ist ein Kommentar
Question 11
Question
Frage 131
Welche Bestandteile eines Elements werden bei einer CSS-Transformation mit scale vergrößert oder verkleinert (sofern sie vorhanden sind)?
Answer
-
Das Hintergrundbild
-
Die Kontur
-
Der enthaltene Text
-
Die enthaltenen Bilder
-
Video
Question 12
Question
Frage 132
Welche der folgenden Dateiformate unterstützen Ebenen?
Answer
-
TIFF
-
GIF
-
PNG
-
JPEG
-
PSD
-
XCF
Question 13
Question
Frage 133
Welche der folgenden Eigenschaften für den <p>-Tag treffen zu?
Answer
-
Der <p>-Tag kann Blockelemente enthalten.
-
Der <p>-Tag erzeugt im Browser einem Abstand nach oben und unten.
-
Der <p>-Tag gehört zu den Blockelementen.
-
Der <p>-Tag muss in sich selbst geschlossen werden.
-
Die HTML-Attribute für den <p>-Tag sind deprecated.
Question 14
Question
Frage 134
Wie stellen Sie sicher, dass sich eine verlinkte Datei im richtigen iFrame öffnet?
Answer
-
Mit Hilfe des Attributs target im a-Tag
-
Mit Hilfe des Attributs name im iframe-Tag
-
Mit Hilfe des Attributs name im a-Tag
-
Mit Hilfe des Attributs target im iframe-Tag
Question 15
Question
Frage 135
Ihr HTML-Dokument enthält zwei article-Elemente, die Sie in CSS mit float:left nebeneinander gesetzt haben:
article {
background-color: gray;
width: 49%;
margin-right: 1%;
float: left;
}
Sie beschließen, dass die Boxen ab einer Viewport-Breite von 600px und kleiner nicht mehr nebeneinander, sondern untereinander stehen und die gesamte zur Verfügung stehende Breite einnehmen sollen.
Welche der folgenden Code-Bestandteile benötigen Sie dafür?
Answer
-
@media (max-width: 600px)
-
clear: both;
-
float: none;
-
width: auto;
-
width: 100%;
-
@media (min-device-width: 600px)
-
@media (min-width: 599px)
-
float: right;
-
margin: 0 0 1rem 0;
-
overflow: hidden;
Question 16
Question
Frage 136
Wie rotieren Sie das Element #element um 45 Grad?
Answer
-
rotate(45deg)
-
rotateZ(45deg)
-
rotate(45degree)
-
rotateZ(45degree)
-
rotate(45°)
-
rotateZ(45°)
Question 17
Question
Frage137
Mit welcher CSS-Eigenschaft können Sie den Urpsungspunkt für eine Transformation festlegen?
Answer
-
transform-origin
-
transform-point
-
transform-src
-
transformation-origin
-
transformation-point
-
transformation-src
Question 18
Question
Frage 138
Mit welchem Wert für die CSS-Eigenschaft animation können Sie festlegen, dass eine Animation mit gleichbleibender Geschwindigkeit ablaufen soll?
Answer
-
linear
-
normal
-
ease-in
-
ease
Question 19
Question
Frage 139
Welche der folgenden Grafikformate können mit Hilfe des <img>-Tags in HTML-Seiten eingebunden werden?
Answer
-
JPEG
-
SVG
-
EPS
-
TIFF
-
PNG
-
GIF
Question 20
Question
Z1.) Was versteht man unter einem Alphakanal?
Answer
-
Den obersten Farbkanal in der Kanäle-Palette.
-
Einen zusätzlichen Kanal zur Erzeugung von Transparenz-Masken.
-
In Bildbearbeitungsprogrammen eine in einem zusätzlichen Kanal gespeicherte Auswahl.
-
Eine Ebene, die Vektoren enthält.
-
Ein Alphakanal ist der Farbkanal für die Farbe Rot.
Question 21
Question
Z2.) Welcher der folgenden Farbcodes steht für rot?
Answer
-
#ff0000
-
#00ff00
-
#0000ff
-
ff00ff
-
ffff00
-
00ffff
Question 22
Question
N1) Wie erzeugen Sie einen SubmitButton mit einer Pixelgrafik?
Answer
-
<button>
<img src=”grafik.png” alt=”blabla” />
</button>
-
<input type=”submit” src=”grafik.png” />
-
<input type=”image” src=”grafik.png” />
Question 23
Question
N2) Welche Zeichen müssen in einem HTMLDokument welches in UTF8 codiert ist maskiert werden?
Answer
-
“&” => &;
-
„!“ => &aus;
-
“<” => <;
-
“>” => >;
-
„X“ => ξ
Question 24
Question
N3) Wie definiert man in LESS unbekannte Syntax?
Answer
-
filter: "ms:alwaysHasItsOwnSyntax.For.Stuff()";
-
filter: "ms:alwaysHasItsOwnSyntax.For.@{meinText}()";
-
filter: ~"ms:alwaysHasItsOwnSyntax.For.Stuff()";
-
filter: ~"ms:alwaysHasItsOwnSyntax.For.@{meinText}()";
Question 25
Question
N4) Weisen Sie dem Selektor #example das LESSMixin .demo( width: 100px; ) zu!
Answer
-
#example { .demo; }
-
#example { @demo; }
-
#example { @demo(); }
-
#example { .demo(); }
Question 26
Question
N5) Wie erzeugen Sie in Formularen ein einzeiliges Eingabefeld?
Answer
-
<input type=”text” />
-
<textarea></textarea>
Question 27
Question
N6) Welches sind gültige Angaben für Geordnete Listen?
Question 28
Question
N7) Was versteht man in der digitalen Bildbearbeitung unter einer Ebenenmaske?
Answer
-
Eine Ebenenmaske kann verwendet werden, um Bildteile transparent zu machen.
-
Eine Ebenenmaske kann verwendet werden, um den Speicherbedarf eines Bildes zu verringern.
-
Eine Ebenenmaske kann verwendet werden, um Bildbereiche freizustellen.
-
Eine Ebenenmaske kann verwendet werden, um Bildteile verlustfrei zu skalieren.
Question 29
Question
N8) Wie können Sie in LESS die Zeichenkette ms:special_content() maskieren, die der Compiler sonst nicht verstehen könnte?
Question 30
Question
N9) Wie können Sie mit Hilfe von CSS einen Rollover-Effekt ertzeugen, bei dem
eine Grafik ausgetauscht wird?
Answer
-
a.button_link {
backgroundimage: url(button1.png) norepeat;
&:hover {
backgroundimage: url(button2.png) norepeat;
}
}
-
a.button_link {
src: bild1.gif ;
:hover {
src: bild1.gif ;
}
}
-
a.button_link {
url(bild1.gif);
&:hover {
url(bild1.gif);
}
}
-
a.button_link img {
backgroundimage: url(button1.png) norepeat;
img&:hover {
backgroundimage: url(button2.png) norepeat;
}
}
Question 31
Question
N10) Sie haben in LESS Variable erzeugt @link_color: #333;
Diesen möchten Sie nun dem Selektor #content als Hintergrundfarbe zuweisen, allerdings um 20% abgedunkelt.
Answer
-
#content {
backgroundcolor: darken(@link_color, 20%);
}
-
#content {
backgroundcolor: @link_color(dark = 20%);
}
-
#content {
backgroundcolor:. darken(@link_color, 20%);
}
Question 32
Question
N11) Wie definieren Sie eine CSS-Animation namens einblenden, bei der ein Element langsam eingeblendet wird (Herstellerpräfixe müssen nicht beachtet werden)?
Answer
-
@keyframes einblenden {
0% { opacity:0; }
100% { opacity:1; }
}
-
@keyframes einblenden {
from { opacity:0; }
to { opacity:1; }
}
-
@keyframes einblenden {
from { filter: opacity(0); }
to { filter: opacity(1); }
}
-
@keyframes einblenden {
0% { filter: opacity(0); }
100% { filter: opacity(1); }
}
Question 33
Question
N12) Wie definieren Sie in LESS ein Mixin?
Answer
-
@mixin(.color; .bgcolor) {
color: .color;
backgroundcolor: .bgcolor;
border: 1px solid .color;
}
-
@mixin() {
color: #333;
backgroundcolor: #eee;
border: 2px solid #333;
}
-
.mixin {
color: @color;
backgroundcolor: @bgcolor;
border: @borderwidth solid @color;
}
-
.mixin() {
color: #333;
backgroundcolor: #eee;
border: 2px solid #333;
}
-
.mixin() {
color: @color;
backgroundcolor: @bgcolor;
border: @borderwidth solid @color;
}
-
.mixin(@color; @bgcolor) {
color: @color;
backgroundcolor: @bgcolor;
border: 1px solid @color;
}
-
@mixin {
color: #333;
backgroundcolor: #eee;
border: 2px solid #333;
}
-
.mixin {
color: #333;
backgroundcolor: #eee;
border: 2px solid #333;
}
Question 34
Question
N13) Sie möchten erreichen, dass ein Absatz keinen Abstand nach unten erzeugen, wenn es das letzte Element in einem div ist. Mit welchen der folgenden LESS-Codebeispiele können Sie dies erreichen?
Answer
-
div {
p &:lastchild {
marginbottom: 0;
}
}
-
div {
p {
&:lastchild {
marginbottom: 0;
}
}
}
-
div {
p {
&lastchild {
marginbottom: 0;
}
}
}
-
div {
p:lastchild {
marginbottom: 0;
}
}
-
div p:lastchild {
marginbottom: 0;
}
-
div {
p &lastchild {
marginbottom: 0;
}
}
-
div {
p {
:lastchild {
marginbottom: 0;
}
}
}
Question 35
Question
N14) Mit welchem Wert für die CSS-Eigenschaft können sie eine Animation als Palindrom abspielen (abwechselnd vorwärts und rückwärts)?
Answer
-
backwards
-
steps(2)
-
backsteps
-
alternative
-
alternate
-
direction(reverse)
-
direction(backwards)
-
backforth
-
reverse
-
palindrome
Question 36
Question
N15) Was sind die Unterschiede zwischen den CSS-Eigenschaft box-shadow und dem Filter drop-shadow?
Answer
-
Im Gegensatz zu boxshadow werfen beim dropshadow-Filter alle nichttransparenten Teile eines Elements einen Schatten.
-
Manche Browser benutzen Hardwarebeschleunigung.
-
Keine Unterschiede
-
dropshadowfilter funktioniert nicht auf mobilen Endgeräten von Apple
Question 37
Question
N16) Wie definieren Sie die Doctype für HTML 5 ?
Answer
-
<!DOCTYPE html>
-
<!DOCTYPE html5>
-
<!DOCTYPE …>
Question 38
Question
N17) Welche Rendering Engine benutzt der Internet Explorer für Windows?
Answer
-
Gecko
-
Trident
-
Webkit
-
Safari
Question 39
Question
N18) Welche Rendering Engine benutzt der Browser Safari?
Answer
-
Gecko
-
Trident
-
Webkit
-
Safari
Question 40
Question
N19) Welche Rendering Engine benutzt der Browser Firefox?
Answer
-
Gecko
-
Trident
-
Webkit
-
Safari
Question 41
Question
N20) Mit welchem CSS-Code definieren Sie einen Stil für den Absatz-Tag?
Answer
-
p { color: #ff0000; fontsize: 12pt }
-
<p> = color: #ff0000; fontsize: 12pt
-
<p> { color: #ff0000; fontsize: 12pt }
-
p = { color: #ff0000; fontsize: 12pt }
Question 42
Question
N21) Welches der folgenden HTML-Elemente wird im Browser standardmässig in der grössten Schriftgrösse angezeigt? (Radio-Buttons)
Answer
-
<hr />
-
<h1></h1>
-
<h7></h7>
-
<h3></h3>
-
<head></head>
Question 43
Question
N22) Mit welchem HTML-Atrribut im video-Tag zeigen Sie die Steuerleiste einer
Videodatei an?
Answer
-
controlling
-
repeating
-
autostart
-
looping
-
autoplay
-
controls
Question 44
Question
N23) Was haben die Videoformate WebM und OGV gemeinsam?
Answer
-
Sie nutzen beide den AudioCodec Vorbis
-
Sie nutzen den gleichen VideoCodec Theora
-
Gar nichts
-
Nur Webkit kann diese abspielen
-
Beide können nicht in Firefox abgespielt werden
Question 45
Question
N24) Was sind iFrames?
Answer
-
Bereich auf einer HTMLSeite, innerhalb dessen einer andere HTMLSeite angezeigt wird, z.B. zur Einbindung von Dienstleistungen von Drittanbietern
-
Spezielle Fenster, in denen Content für Apple-Produkte eingeblendet wird.
-
Rahmen für die in HTML eingefügten Bilder.
Question 46
Question
N25) Wie weisen Sie dem Element #example die Animation “bewegen” zu?
Answer
-
#example { animation: bewegen }
-
#example { animationname: bewegen }
-
#example { animation(): bewegen() }
-
#example { .animation: bewegen }
-
#example { animation: @bewegen }
-
#example { @keyframes bewegen: bewegen }
-
#example { @keyframes { ... } }
Question 47
Question
W1) Was ist die Aufgabe von HTML?
Question 48
Question
W2) Mit welchem Wert für die CSS-Eigenschaft animation können Sie festlegen, dass eine Animation endlos wiederholt wird?
Answer
-
linear
-
normal
-
infinite
-
ease
Question 49
Question
W3) Wie definieren Sie in CSS einen Breakpoint, um Layoutveränderungen vornehmen zu können, wenn das Browserfenster (Viewport) 800px oder kleiner ist?