Frage 1
Frage
Frage 121
Mit welchem HTML-Code können Sie eine Überschrift erzeugen?
Antworten
-
<head></head>
-
<hr />
-
<h1></h1>
-
<h3></h3>
-
<h7></h7>
Frage 2
Frage
Frage 122
Wie definieren Sie in LESS eine Variable?
Antworten
-
variable = wert;
-
.variable { wert };
-
@variable = wert;
-
var variable = wert;
-
@variable: wert;
-
.variable: wert;
-
var variable: wert;
-
@variable { wert };
Frage 3
Frage
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?
Antworten
-
backwards
-
reverse
-
direction(backwards)
-
steps(2)
-
direction(reverse)
-
backsteps
-
back-forth
-
alternate-reverse
-
alternate
-
alternative
Frage 4
Frage
Frage 124
Wie erzeugen Sie in HTML eine Liste mit Spiegelpunkten (Bullet-Liste)?
Antworten
-
<ul>
<li>...</li>
<li>...</li>
</ul>
-
<ol>
<li>...</li>
<li>...</li>
</ol>
-
<dl>
<li>...</li>
<li>...</li>
</dl>
Frage 5
Frage
Frage 125
Wie erzeugen Sie in LESS einen Kommentar?
Antworten
-
# Dies ist ein Kommentar
-
/* Dies ist ein Kommentar */
-
// Dies ist ein Kommentar
-
<!-- Dies ist ein Kommentar -->
Frage 6
Frage
Frage 126
Mit welchem Tag kennzeichnen Sie in HTML ein Zitat?
Frage 7
Frage
Frage 127
Durch welchen HTML-Tag wird der Text in den meisten Browsern kursiv dargestellt?
Antworten
-
<cursive>...</cursive>
-
<b>...</b>
-
<oblique>...</oblique>
-
<strong>...</strong>
-
<em>...</em>
-
<i>...</i>
Frage 8
Frage
Frage 128
Mit welchem HTML-Attribut im <video>-Tag können Sie ein Video in einer Endlosschleife abspielen?
Antworten
-
autostart
-
autoplay
-
endless
-
looping
-
repeat
-
repeating
-
loop
Frage 9
Frage
Frage 129
Welches CSS-Attribut bewirkt einen Außenabstand für ein Element?
Frage 10
Frage
Frage 130
Wie erzeugen Sie in CSS einen Kommentar?
Antworten
-
<!-- Dies ist ein Kommentar -->
-
/* Dies ist ein Kommentar */
-
// Dies ist ein Kommentar
Frage 11
Frage
Frage 131
Welche Bestandteile eines Elements werden bei einer CSS-Transformation mit scale vergrößert oder verkleinert (sofern sie vorhanden sind)?
Antworten
-
Das Hintergrundbild
-
Die Kontur
-
Der enthaltene Text
-
Die enthaltenen Bilder
-
Video
Frage 12
Frage
Frage 132
Welche der folgenden Dateiformate unterstützen Ebenen?
Antworten
-
TIFF
-
GIF
-
PNG
-
JPEG
-
PSD
-
XCF
Frage 13
Frage
Frage 133
Welche der folgenden Eigenschaften für den <p>-Tag treffen zu?
Antworten
-
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.
Frage 14
Frage
Frage 134
Wie stellen Sie sicher, dass sich eine verlinkte Datei im richtigen iFrame öffnet?
Antworten
-
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
Frage 15
Frage
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?
Antworten
-
@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;
Frage 16
Frage
Frage 136
Wie rotieren Sie das Element #element um 45 Grad?
Antworten
-
rotate(45deg)
-
rotateZ(45deg)
-
rotate(45degree)
-
rotateZ(45degree)
-
rotate(45°)
-
rotateZ(45°)
Frage 17
Frage
Frage137
Mit welcher CSS-Eigenschaft können Sie den Urpsungspunkt für eine Transformation festlegen?
Antworten
-
transform-origin
-
transform-point
-
transform-src
-
transformation-origin
-
transformation-point
-
transformation-src
Frage 18
Frage
Frage 138
Mit welchem Wert für die CSS-Eigenschaft animation können Sie festlegen, dass eine Animation mit gleichbleibender Geschwindigkeit ablaufen soll?
Antworten
-
linear
-
normal
-
ease-in
-
ease
Frage 19
Frage
Frage 139
Welche der folgenden Grafikformate können mit Hilfe des <img>-Tags in HTML-Seiten eingebunden werden?
Antworten
-
JPEG
-
SVG
-
EPS
-
TIFF
-
PNG
-
GIF
Frage 20
Frage
Z1.) Was versteht man unter einem Alphakanal?
Antworten
-
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.
Frage 21
Frage
Z2.) Welcher der folgenden Farbcodes steht für rot?
Antworten
-
#ff0000
-
#00ff00
-
#0000ff
-
ff00ff
-
ffff00
-
00ffff
Frage 22
Frage
N1) Wie erzeugen Sie einen SubmitButton mit einer Pixelgrafik?
Antworten
-
<button>
<img src=”grafik.png” alt=”blabla” />
</button>
-
<input type=”submit” src=”grafik.png” />
-
<input type=”image” src=”grafik.png” />
Frage 23
Frage
N2) Welche Zeichen müssen in einem HTMLDokument welches in UTF8 codiert ist maskiert werden?
Antworten
-
“&” => &;
-
„!“ => &aus;
-
“<” => <;
-
“>” => >;
-
„X“ => ξ
Frage 24
Frage
N3) Wie definiert man in LESS unbekannte Syntax?
Antworten
-
filter: "ms:alwaysHasItsOwnSyntax.For.Stuff()";
-
filter: "ms:alwaysHasItsOwnSyntax.For.@{meinText}()";
-
filter: ~"ms:alwaysHasItsOwnSyntax.For.Stuff()";
-
filter: ~"ms:alwaysHasItsOwnSyntax.For.@{meinText}()";
Frage 25
Frage
N4) Weisen Sie dem Selektor #example das LESSMixin .demo( width: 100px; ) zu!
Antworten
-
#example { .demo; }
-
#example { @demo; }
-
#example { @demo(); }
-
#example { .demo(); }
Frage 26
Frage
N5) Wie erzeugen Sie in Formularen ein einzeiliges Eingabefeld?
Antworten
-
<input type=”text” />
-
<textarea></textarea>
Frage 27
Frage
N6) Welches sind gültige Angaben für Geordnete Listen?
Frage 28
Frage
N7) Was versteht man in der digitalen Bildbearbeitung unter einer Ebenenmaske?
Antworten
-
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.
Frage 29
Frage
N8) Wie können Sie in LESS die Zeichenkette ms:special_content() maskieren, die der Compiler sonst nicht verstehen könnte?
Frage 30
Frage
N9) Wie können Sie mit Hilfe von CSS einen Rollover-Effekt ertzeugen, bei dem
eine Grafik ausgetauscht wird?
Antworten
-
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;
}
}
Frage 31
Frage
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.
Antworten
-
#content {
backgroundcolor: darken(@link_color, 20%);
}
-
#content {
backgroundcolor: @link_color(dark = 20%);
}
-
#content {
backgroundcolor:. darken(@link_color, 20%);
}
Frage 32
Frage
N11) Wie definieren Sie eine CSS-Animation namens einblenden, bei der ein Element langsam eingeblendet wird (Herstellerpräfixe müssen nicht beachtet werden)?
Antworten
-
@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); }
}
Frage 33
Frage
N12) Wie definieren Sie in LESS ein Mixin?
Antworten
-
@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;
}
Frage 34
Frage
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?
Antworten
-
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;
}
}
}
Frage 35
Frage
N14) Mit welchem Wert für die CSS-Eigenschaft können sie eine Animation als Palindrom abspielen (abwechselnd vorwärts und rückwärts)?
Antworten
-
backwards
-
steps(2)
-
backsteps
-
alternative
-
alternate
-
direction(reverse)
-
direction(backwards)
-
backforth
-
reverse
-
palindrome
Frage 36
Frage
N15) Was sind die Unterschiede zwischen den CSS-Eigenschaft box-shadow und dem Filter drop-shadow?
Antworten
-
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
Frage 37
Frage
N16) Wie definieren Sie die Doctype für HTML 5 ?
Antworten
-
<!DOCTYPE html>
-
<!DOCTYPE html5>
-
<!DOCTYPE …>
Frage 38
Frage
N17) Welche Rendering Engine benutzt der Internet Explorer für Windows?
Antworten
-
Gecko
-
Trident
-
Webkit
-
Safari
Frage 39
Frage
N18) Welche Rendering Engine benutzt der Browser Safari?
Antworten
-
Gecko
-
Trident
-
Webkit
-
Safari
Frage 40
Frage
N19) Welche Rendering Engine benutzt der Browser Firefox?
Antworten
-
Gecko
-
Trident
-
Webkit
-
Safari
Frage 41
Frage
N20) Mit welchem CSS-Code definieren Sie einen Stil für den Absatz-Tag?
Antworten
-
p { color: #ff0000; fontsize: 12pt }
-
<p> = color: #ff0000; fontsize: 12pt
-
<p> { color: #ff0000; fontsize: 12pt }
-
p = { color: #ff0000; fontsize: 12pt }
Frage 42
Frage
N21) Welches der folgenden HTML-Elemente wird im Browser standardmässig in der grössten Schriftgrösse angezeigt? (Radio-Buttons)
Antworten
-
<hr />
-
<h1></h1>
-
<h7></h7>
-
<h3></h3>
-
<head></head>
Frage 43
Frage
N22) Mit welchem HTML-Atrribut im video-Tag zeigen Sie die Steuerleiste einer
Videodatei an?
Antworten
-
controlling
-
repeating
-
autostart
-
looping
-
autoplay
-
controls
Frage 44
Frage
N23) Was haben die Videoformate WebM und OGV gemeinsam?
Antworten
-
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
Frage 45
Frage
N24) Was sind iFrames?
Antworten
-
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.
Frage 46
Frage
N25) Wie weisen Sie dem Element #example die Animation “bewegen” zu?
Antworten
-
#example { animation: bewegen }
-
#example { animationname: bewegen }
-
#example { animation(): bewegen() }
-
#example { .animation: bewegen }
-
#example { animation: @bewegen }
-
#example { @keyframes bewegen: bewegen }
-
#example { @keyframes { ... } }
Frage 47
Frage
W1) Was ist die Aufgabe von HTML?
Frage 48
Frage
W2) Mit welchem Wert für die CSS-Eigenschaft animation können Sie festlegen, dass eine Animation endlos wiederholt wird?
Antworten
-
linear
-
normal
-
infinite
-
ease
Frage 49
Frage
W3) Wie definieren Sie in CSS einen Breakpoint, um Layoutveränderungen vornehmen zu können, wenn das Browserfenster (Viewport) 800px oder kleiner ist?