HTML/CSS & Js - Test
-
To create a link to an anchor, you use the ______ property in A tag.
-
Name
-
Tag
-
Link
-
Href
-
This HTML\/CSS & JS - TEST assesses essential web development skills, focusing on HTML syntax for images, links, and external style sheets, CSS styling basics, and XHTML knowledge. Ideal for learners aiming to understand or reinforce foundational web technology concepts.
Quiz Preview
- 2.
Which is the correct CSS syntax?
-
Body {color: black}
-
Body:color=black
-
{body;color:black}
-
{body:color=black(body}
Correct Answer
A. Body {color: black}Explanation
The correct CSS syntax is "body {color: black}". In CSS, selectors are used to target HTML elements, and in this case, the "body" selector is used to target the body element. The curly braces {} are used to enclose the declaration block, which contains the property "color" and its value "black". This syntax specifies that the text color of the body element should be black.Rate this question:
-
- 3.
What is the syntax for inserting the image picture.jpg?
-
<src="picture.jpg" />
-
<picture="picture.jpg" />
-
<img="picture.jpg" />
-
<img src="picture.jpg" />
-
<image src="picture.jpg" />
Correct Answer
A. <img src="picture.jpg" />Explanation
The correct syntax for inserting the image "picture.jpg" is . This syntax uses the tag and the "src" attribute to specify the source file of the image.Rate this question:
-
- 4.
What is the correct HTML for referring to an external style sheet?
-
<link rel="stylesheet" type="text⁄css" href="style.css" />
-
<link href="style.css" />
-
<link style.css />
-
<link stylesheet="style.css" />
Correct Answer
A. <link rel="stylesheet" type="text⁄css" href="style.css" />Explanation
The correct HTML for referring to an external style sheet is . This is because the element is used to link an external resource to an HTML document, and the rel attribute specifies the relationship between the current document and the linked resource. In this case, the rel attribute is set to "stylesheet" to indicate that the linked resource is a style sheet. The type attribute is set to "text⁄css" to specify the MIME type of the linked resource, and the href attribute is used to specify the location of the style sheet file.Rate this question:
-
- 5.
Whitin which element should you insert meta-tags?
-
<head></head>
-
<header></header>
-
<footer></footer>
-
<div></div>
Correct Answer
A. <head></head>Explanation
Meta-tags are used to provide metadata about an HTML document. They are typically placed within the head element of an HTML document. The head element is responsible for containing meta-information about the document, such as the title, character encoding, and other important information. Placing meta-tags within the head element ensures that they are properly recognized by search engines and other web services that utilize this information. Therefore, the correct place to insert meta-tags is within the head element, as shown in the answer option.Rate this question:
-
- 6.
WHat is the correct doctype declaration for HTML 5?
-
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 5 Transitional//EN" "http://www.w3.org/TR/html5/loose.dtd">
-
<!DOCTYPE html5>
-
<!DOCTYPE TYPE = "html5">
-
<!DOCTYPE HTML PUBLIC src = "http://www.w3.org/TR/html5/loose.dtd">
-
<!DOCTYPE html>
Correct Answer
A. <!DOCTYPE html>Explanation
The correct doctype declaration for HTML 5 is "". This declaration is used to specify the version of HTML being used in the document. In HTML 5, the doctype declaration is simplified to just "".Rate this question:
-
- 7.
HTML Tags are case sensitive.
-
True
-
False
-
Not in HTML 5
-
Onlyin HTML 5
Correct Answer
A. TrueExplanation
HTML tags are case sensitive, meaning that the opening and closing tags must be written in the correct case in order for them to be recognized by the browser. For example, is different from and will be treated as a different tag. This is important to keep in mind when writing HTML code to ensure that the tags are used correctly and consistently throughout the document.Rate this question:
-
- 8.
Which HTML code is correct?
-
<form method = "SEND" action = "send.php">
-
<form method = "GET" action = "send.php">
-
<form method = "INPUT" action = "send.php">
-
<form function= "GET" action = "send.php">
-
<form function= "POST" action = "send.php">
Correct Answer
A. <form method = "GET" action = "send.php">Explanation
The correct answer is "" because the "method" attribute specifies the HTTP method to be used when submitting the form, and "GET" is the method used to retrieve data from the server. The "action" attribute specifies the URL where the form data should be submitted.Rate this question:
-
- 9.
What does XHTML stands for?
-
EXtra Hypertext Markup Language
-
EXtension Hypertext Markup Language
-
EXtensible Hypertext Markup Language
-
EXtended Hypertext Markup Language
-
None of the above
Correct Answer
A. EXtensible Hypertext Markup LanguageExplanation
XHTML stands for eXtensible Hypertext Markup Language. This is a markup language that is used to structure and format content on the web. It is an extended version of HTML, allowing for greater flexibility and compatibility with different devices and platforms. XHTML follows strict rules and guidelines, making it easier for web browsers and search engines to interpret and display web pages correctly.Rate this question:
-
- 10.
(function(x){ delete x; return x; })(1);
-
1
-
Null
-
Undefined
-
Error
Correct Answer
A. 1Explanation
The given code is a self-invoking function that takes an argument 'x'. Inside the function, the 'delete' operator is used to delete the variable 'x'. However, since 'x' is a function parameter, it cannot be deleted and the 'delete' operator has no effect. The function then returns the value of 'x', which is 1. Therefore, the correct answer is 1.Rate this question:
-
- 11.
Which of the following isn't an feature/element from HTML5?
-
Canvas
-
Video
-
Close
-
Web Workers
Correct Answer
A. CloseExplanation
The "Close" element is not a feature or element from HTML5. HTML5 does not have a specific element called "Close". The other options mentioned, such as Canvas, Video, and Web Workers, are all features or elements that are part of HTML5.Rate this question:
-
- 12.
Var foo = { bar: function(){ return this.baz; }, baz: 1 } typeof (f = foo.bar)();
-
“undefined”
-
“object”
-
“number”
-
“function”
Correct Answer
A. “undefined”Explanation
The code snippet declares an object named "foo" with two properties: "bar" and "baz". The "bar" property is a function that returns the value of the "baz" property. The "baz" property is assigned the value 1. The expression "typeof (f = foo.bar)();" assigns the function "foo.bar" to the variable "f" and immediately calls it. Since the function is called without any context, the "this" keyword inside the function refers to the global object (window in a browser). However, the global object does not have a "baz" property, so the function returns "undefined". Therefore, the correct answer is "undefined".Rate this question:
-
- 13.
(function(foo){ return typeof foo.bar; })({ foo: { bar: 1 } });
-
“undefined”
-
“object”
-
“number”
-
Error
Correct Answer
A. “undefined”Explanation
The given code is an immediately-invoked function expression (IIFE) that takes an object as an argument and returns the type of the property "bar" of the object. In this case, the argument object has a property "foo" which itself has a property "bar" with a value of 1. However, when trying to access the property "bar" using "foo.bar", it returns "undefined" because "foo" does not have a property called "bar". Therefore, the correct answer is "undefined".Rate this question:
-
- 14.
(function f(f){ return typeof f(); })(function(){ return 1; });
-
“number”
-
“undefined”
-
“function”
-
Error
Correct Answer
A. “number”Explanation
The given code snippet is an example of a self-invoking function. It defines a function f and immediately calls it. The function f takes a parameter f, which is itself a function. Inside the self-invoking function, the typeof operator is used to determine the type of the result of calling the function f. In this case, the function f returns the number 1, so the typeof operator will return "number". Therefore, the correct answer is "number".Rate this question:
-
- 15.
Var f = (function f(){ return "1"; }, function g(){ return 2; })(); typeof f;
-
“string”
-
“number”
-
“function”
-
“undefined”
Correct Answer
A. “number”Explanation
The code snippet defines a variable "f" that is immediately assigned the result of invoking two functions using the comma operator. The first function returns a string "1" and the second function returns the number 2. Since the comma operator evaluates each expression and returns the result of the last expression, the value assigned to "f" is 2. Therefore, the typeof "f" is "number".Rate this question:
-
- 16.
Var x = 1; if (function f(){}) { x += typeof f; } x;
-
1
-
“1function”
-
“1undefined”
-
NaN
Correct Answer
A. “1undefined”Explanation
The code first declares a variable x and assigns it the value 1. Then, it checks if a function named f exists. Since the function f is defined within the if statement and is not called, it is considered a truthy value. As a result, the code inside the if statement is executed, which concatenates the string "undefined" to the value of x. Therefore, the final value of x is "1undefined".Rate this question:
-
- 17.
Var foo = { bar: function() { return this.baz; }, baz: 1 }; (function(){ return typeof arguments[0](); })(foo.bar);
-
“undefined”
-
“object”
-
“number”
-
“function”
Correct Answer
A. “undefined”Explanation
The code defines an object called "foo" with two properties: "bar" and "baz". The "bar" property is a function that returns the value of the "baz" property. The code then immediately invokes an anonymous function, passing in the "foo.bar" function as an argument. Inside the anonymous function, the "arguments[0]()" expression is called, which executes the "foo.bar" function. However, since the function is invoked without any specific context (i.e., "this" is not explicitly defined), the value of "this" inside the "bar" function will be the global object (or undefined in strict mode), and the global object does not have a "baz" property. Therefore, the expression will return "undefined".Rate this question:
-
- 18.
Nu är det dags för lite Java Script! Vad kommer det att bli för output av följande kod? (function(){ return typeof arguments; })();
-
“object”
-
“array”
-
“arguments”
-
“undefined”
Correct Answer
A. “array”Explanation
The code snippet is an immediately invoked function expression (IIFE) that returns the type of the "arguments" object. The "arguments" object is an array-like object that contains the arguments passed to a function. Since the "arguments" object behaves like an array, the typeof operator returns "object". However, in this specific case, the typeof operator returns "array" because the code is executed in a browser environment where the "arguments" object is automatically converted to an array-like object with additional array methods.Rate this question:
-
- 19.
Var x = [typeof x, typeof y][1]; typeof typeof x;
-
“number”
-
“string”
-
“undefined”
-
“object”
Correct Answer
A. “string”Explanation
The code declares a variable "x" and assigns it the value of the second element in the array [typeof x, typeof y], which is "typeof y". Since "y" is not defined, its type is "undefined". Then, the code uses the "typeof" operator twice on "x". The first "typeof" operator returns the type of "typeof y", which is a string. Therefore, the second "typeof" operator returns the type of the string, which is also a string. Hence, the answer is "string".Rate this question:
-
- 20.
Var y = 1, x = y = typeof x; x;
-
1
-
“number”
-
Undefined
-
“undefined”
Correct Answer
A. “undefined”Explanation
The code initializes the variables y and x with the value of 1. Then, it assigns the value of the typeof x to y. Since x has not been assigned any value before, its typeof is "undefined". Therefore, the value of y becomes "undefined". Finally, the code tries to access the value of x, which is also "undefined".Rate this question:
-
- 21.
Förklara vad DOM innebär och varför detta är så viktigt när det gäller att kombinationen mellan HTML och Java Script
Quiz Review Timeline (Updated): Mar 21, 2023 +
Our quizzes are rigorously reviewed, monitored and continuously updated by our expert board to maintain accuracy, relevance, and timeliness.
-
Current Version
-
Mar 21, 2023Quiz Edited by
ProProfs Editorial Team -
Feb 22, 2013Quiz Created by
Newminds
Back to top