{
	"What is the correct tag for the largest heading in HTML?": ["<h1>"],
	"What are semantic HTML elements?": ["Elements with meanings which allow a reader of the document to understand the meaning of the element"],
	"The class attribute is defined as following:": ["class=\"name\""],
	"The class Attribute is used to devide different  into logical groups": ["elements"],
	"What is the \"alt\" - Attribute for?": [
		"It is used to display information about an element when the content cannot be displayed or loaded by the browser.", 
		"Disabled people can access the information of an element, which they wouldn't be able to understand due to their disabilities."
	],
	"The classname is": ["case sensitive"],
	"Link the positions to corresponding persons.": {
		"Who is W3C CEO?": "Jeffrey Jaffe",
		"Who is W3C director?": "Tim Berners-Lee"
	},
	"An iframe is an element which is used to display a webpage within a web page. Is this statement true or false?": ["True"],
	"URLs are used to define the  to a destination site or to a ressource needed in the HTML file.": ["path"],
	"What is the charset meta declaration used for?": ["It defines the character encoding of a document so that the browser can interpret it properly."],
	"Choose how ids are referenced in CSS.": ["#idname"],
	"Which of the following statements are true?": [
		"With Javascript you can create new elements.",
		"You can include a Javascript file at the end of the HTML body.",
		"With the <noscript> tag you provide alternate content for users who disabled Javascript",
		"The code document.getElementById(\"demo\").innterHTML = \"Hello JavaScript!\"; selects an element with the name \"demo\" and changes its text to \"Hello Javascript\"",
		"Javascript can be used to change the css of an element."
	],
	"In some cases IDs should be used more than once. Is this statement true or false?": ["False"],
	"An inline CSS is used to apply a unique style to  HTML element.\nAn internal CSS is used to define a style for  HTML .\nAn external style sheet is used to define the style for  HTML .": [
		"a single", "element", "a single", "a page", "many", "pages"
	],
	"Who develops the different standards for the Open Web Platform?": ["W3 Consortium (W3C)"],
	"Who is responsible for HTML standards?": ["W3 Consortium (W3C)"],
	"What does the abbreviation CSS mean?": ["Cascading Style Sheets"],
	"What is the &nbsp; entity for?": ["Introduces a non-breaking space."],
	"In HTML each element must have an ID. Is this statement true or false?": ["False"],
	"What is new in HTML5? Select all corresponding answers.": [
		"New multimedia element <audio>",
		"New semantic elements like <header>, <footer>, <article>, and <section>.",
		"New types for form input elements like time and date.",
		"New multimedia element <video>",
		"New types for form input elements like number.",
		"New graphic elements: <svg> and <canvas>."
	],
	"An HTML page can have  id(s) applied to one specific element, while a class name can be applied to  elements.": ["one unique", "multiple"],
	"An HTML page can have one unique id(s) applied to one specific element, while a class name can be applied to multiple elements.": ["False"],
	"Match the tags to the fitting type.\n<ol>, <table>, <ul>  \n<style>  \n<i>, <strong>, <b>  ": ["block elements", " CSS formatting", "text formatting"],
	"What is the basic syntax of HTML tags that need one attribute?": ["<tagName attributeName=\"value\">content</tagName>"],
	"What does the abbreviation HTML mean?": ["Hyper Text Markup Language"],
	"What do you need as a preparation for coding HTML?": [
		"A basic texteditor or an IDE.",
		"A computer or a similar input device.",
		"A webbrowser to display the results."
	],
	"What is the latest and recommended HTML5 version number?": ["HTML 5.2"],
	"The form-handler is typically a server page with a script for processing input data. Is this statement true or false?": ["True"],
	"Select all valid HTML elements.": [
		"<a>",
		"<abbr>",
		"<h4>",
		"<em>",
		"<del>",
		"<bdo>"
	],
	"Which attribute opens the action url in a new browser tab?": ["target=\"_blank\""],
	"The  Method is used to transfer form input which is sensitive and shouldn't be displayed open.\nThe  Method is used to transfer form input in plaintext over the URL.": ["POST", "GET"],
	"What is the correct tag for a line break in HTML?": ["<br>"],
	"Select all statements which are true about the HTML canvas tag.": [
		"You must use JavaScript to actually draw the graphics.",
		"The HTML <canvas> elements is used to draw graphics",
		"The code\nvar c = document.getElementById(\"myCanvas\");\nvar ctx = c.getContext(\"2d\");\nctx.beginPath();\nctx.arc(95,50,30,0,2*Math.PI);\nctx.stroke\ndraws a circle",
		"The <canvas> element is only a container for graphics.",
		"By default, a canvas has no border and no content."	
	],
	"The HTML <body> element is used to store <style> and <link> elements. Is this statement true or false?": ["False"],
	"Select all elements which should be in the head tag.": ["<title>", "<meta>", "<style>", "<link>"],
	"Combine the tags to their purpose.": {
		"<var>": "various text",
		"<pre>": "preformated text",
		"<code>": "used for program code",
		"<kbd>": "denotes keyboard input",
		"<samp>": "used for sample computer output"	
	},
	"Select all contributions which contribute to an elements bounding box (pixel size) in the box model.": ["Height", "Width", "Border", "Padding"],
	"The title tag specifies additional information about an element, which is often shown as a tooltip when the mouse moves over an element. Is this statement true or false?": [
		"False"
	],
	"Choose 3 ways to specify a color in HTML or CSS.": [
		"style=\"color:green\"",
		"style=\"color:#ff6347\"",
		"style=\"color:rgb(255, 99, 71)\""
	],
	"By whom Web Standards are made?": ["W3C", "World Wide Web Consortium"],
	"How does the definition of the doctype of an HTML5 document look like?": ["<!DOCTYPE html>"],
	"XHTML is a combination of the strength of both XML and HTML to allow browser to interpret the document more efficiently. Is this statement true or false?": ["True"],
	"Select the right expression to introduce a special character using its entity number in your HTML code.": ["&#"],
	"How a CSS class may be used?": [".classname"],
	"Which input type does not exist?": [
		"textfield",
		"key",
		"age",
		"picture"
	],


	"Welche Aussage(n) ist/sind für JavaScript richtig?": ["JavaScript wird von einem Interpreter ausgeführt, es gibt keinen JavaScript-Compiler."],
	"Wie werden in JavaScript globale Variablen deklariert?": "x = 5; oder deklaration im globalen Kontext.",
	"Über welche Methode kann man im HTML-DOM einen neuen Knoten duplizieren?": "cloneNode()",
	"Wie bezeichnet man einen Knoten im HTML-DOM ohne Kindknoten?": "Blatt Knoten",
	"Nennen Sie zwei JavaScript-Trigger.": "onFocus, onBlur",
	"Nennen Sie drei Beispiele für den Einsatz von JavaScript.": "Formvalidierung, dymanische Funktionen, Kommunikation zu einem Server",
	"Wie heißt der Parentnode des Titel-Knotens eines HTML-DOMs ?": "head",
	"Wozu benötigt man den JavaScript-Operator \"===\"?": "Vergleich von Attributwert und Datentyp zweier Variablen",
	"Über welche Methode kann man im HTML-DOM prüfen,ob ein Knoten Kindknoten besitzt ?": "hasChildNodes()",
	"Durch welches Tag wird der Wurzelknoten eines HTML-Dokuments im HTML-DOM bestimmt ?": "html",
	"Über welches Attribut im HTML-DOM hat man Zugriff auf alle Attribute eines Elements ?": "attributes",
	"Über welche Methode kann man im HTML-DOM einen neuen Kindknoten einfügen ?": "appendChild()",
	"Über welche Eigenschaft kann im HTML DOM kann der Wert des Textknotens manipuliert werden ?": "nodeValue",
	"Welche Aussage(n) ist/sind für AJAX rightig?": ["AJAX unterstützt den Datenaustausch mit einem Server und die Teile einer Webseite auszutauschen, ohne die gesamte Seite neu zu laden."],
	"Wie vermeidet man, dass Browser, die kein JavaScript unterstützen, JavaScript als Seiteninhalte darstellen?": "Script in einen HTML-Comment einbetten",
	"Wie viele Kindknoten darf ein Knoten im HTML-DOM maximal besitzen ?": "es gibt kein Maximum. Beliebig viele",
	"Benennen Sie alle Childnodes des Wurzelknotens eines HTML-DOMs.": "head und body",
	"Mit welcher JavaScript-Kontrollstruktur kann man Fallunterscheidungen von mehr als drei Fällen implementieren, ohne if-Blöcke zu nutzen?": "Switch-Statement",
	"Welche Aussagen sind für das HTML Document Object Model zutreffend ? Kreuzen Sie alle richtigen Antworten !": ["Das HTML DOM ist ein Standard um HTML-Elemente zu lesen, ändern, hinzuzufügen und zu löschen.", "Das HTML DOM definiert die Objekte und Eigenschaften aller HTML-Elemente des Dokuments und Methoden, auf diese zuzugreifen."],
	"Mit welchem JavaScript-Befehl kann in einem HTML-Dokument einem HTML-Element mit der ID=\"demo\" der Text \"Hallo Welt!\" zugewiesen werden?": "document.getElementById(\"demo\").innerHTML=\"Hallo Welt!\"",


	"Welche der nachfolgenden jQuery-Methoden gibt es ?\n": ["jquery.getJSON()", "jquery.getScript()"],
	"Mit Hilfe eines jQuery-Selektors wurde eine Menge von HTML-Elementen selektiert.\n\n\nMit welcher jQuery-Methode kann man die als Parameter \u00fcbergebenen CSS-Klassen der ausgew\u00e4hlten Elemente setzen bzw. entfernen, je nachdem, ob sie gesetzt waren oder nicht ?\n\n\nBeachten Sie: Gro\u00df-\/Kleinschreibung beim Methodennamen ist zu ber\u00fccksichtigen!\n": "toggleClass()",
	"Mit welcher jQuery-Methode kann man die H\u00f6he des ersten ausgew\u00e4hlten Elements setzen bzw. abrufen, wobei Padding (padding) mit ber\u00fccksichtigt werden soll, nicht aber die Randlinie (border) ?\n\nBeachten Sie: Gro\u00df-\/Kleinschreibung beim Methodennamen ist zu ber\u00fccksichtigen!\n": "innerHeight()",
	"Wie lange dauert das jQuery-FadeIn in Millisekunden in der Voreinstellung ?\n": "400",
	"Welche Aussage(n) ist\/sind im Zusammenhang mit jQuery richtig?\n\n\n": ["JQuery 2.x.x unterstützt nicht mehr Internet Explorer 6, 7 und 8.", "QUnit is a test automation framework used to test the jQuery project.", "JQuery stellt ein browser\u00fcbergreifendes AJAX-API bereit.", "JQuery ist erweiterbar."],
	"Welche Aussage ist f\u00fcr das nachfolgende jQuery-Schnipsel richtig?\n\nvar hB = $(\"#banner-message\");\n$(\"#container button\").on(\"click\",function( event ){hB.show();});": ["Zeige das #banner-message Element, das mit \"display:none\" versteckt wurde, sobald eine Schaltfl\u00e4che im Element \"#container\" bet\u00e4tigt wird."],
	"Gegeben sei eine nachfolgende HTML Seite mit einer ungeordneten Liste:\n\n<html>\n<body>\n\n<ul>\n  <li>list item 1<\/li>\n  <li>list item 2<\/li>\n  <li>list item 3<\/li>\n<\/ul>\n<\/body>\n<\/html>\n\n\n\n\nMit dem Selektor $(\"li\") wurden alle Listenelemente selektiert.\n\nMit welcher jQuery-Methode kann man die selektierte Menge auf das erste Listenelement reduzieren ?\n\n\nBeachten Sie: Gro\u00df-\/Kleinschreibung beim Methodennamen ist zu ber\u00fccksichtigen!\n": ".first()",
	"Which of the following statements are true about AngularJS ? (Choose all that apply.)": ["Imperative programming is suited to defining an AngularJS application's business logic.", "AngularJS provides a framework for model-view-viewmodel (MVVM) architectures.", "AngularJS provides a framework for client-side model-view-controller (MVC) architectures."],
	"Which of the following paradigms are true for AngularJS? (Choose all that apply.)": ["Decouple the server side of an application from the client side.", "Decouple view manipulation from application logic."],
	"Which AngularJS function creates an AngularJS module?": "angular.module()",
	"Which AngularJS directive binds the value of HTML controls (input, select, textarea) to application data?": ["ng-model"],
	"Which of the following implementation details are true for AngularJS? (Choose all that apply.)": ["AngularJS uses dependency injection.", "Angular brings server-side services to client-side web applications."],
	"Which of the following statements are true? (Choose all that apply.)": ["AngularJS lets you use HTML as your template language.", "AngularJS is a structural framework for dynamic web apps."],
	"Which AngularJS directive binds application data to the innerHTML view?": "ng-bind",
	"The code shows the implementation of a simple memory game. Copy the code to a local file. Modify the code such that the game area is not 4x4 but only 2x2. Upload your file to be graded!": "lonk:https://cringe-studios.com/lzk/memory.html"
}