HTML5 Training Practice Paper Quiz
Sharpen your HTML5 skills with our "HTML5 Training Practice Paper Quiz." Tailored for aspiring web developers and enthusiasts, this quiz offers a hands-on approach to reinforce your understanding of HTML5 essentials. Delve into questions covering semantic elements, multimedia integration, form enhancements, and advanced features of HTML5. Whether you're a beginner looking to solidify your foundation or a seasoned developer aiming to stay updated, this quiz provides an interactive platform to test and improve your HTML5 proficiency. Navigate through real-world scenarios, assess your coding prowess, and elevate your web development capabilities. Take a deep dive into HTML5 intricacies, enhance your coding Read morefinesse, and prepare yourself for the dynamic landscape of modern web development with this insightful and practical training quiz.
- 1.
What does HTML stand for?
- A.
Hyper Text Markup Language
- B.
Home Tool Markup Language
- C.
Hyperlinks and Text Markup Language
Correct Answer
A. Hyper Text Markup LanguageExplanation
HTML stands for Hyper Text Markup Language. It is a standard markup language used for creating web pages and web applications. It is the primary language used for structuring and presenting content on the internet. HTML uses tags to define the structure and format of the content, such as headings, paragraphs, links, images, and more. It allows web browsers to interpret and display the content correctly, ensuring consistency and accessibility across different devices and platforms.Rate this question:
-
- 2.
What's the DOCTYPE Declaration for HTML5 pages?
- A.
DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"
- B.
DOCTYPE html5
- C.
DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"
- D.
DOCTYPE html
Correct Answer
D. DOCTYPE htmlExplanation
The correct answer is "DOCTYPE html" because it is the DOCTYPE declaration specifically for HTML5 pages. The other options are either for HTML 4.01 or do not specify the version of HTML.Rate this question:
-
- 3.
What is the difference between HTML and HTML5 ?
- A.
In HTML5 no need to do external plugin like Flash player or other library
- B.
HTML5 is an upgraded version of HTML
- C.
All are correct.
- D.
In HTML5 lot of new future like Video and Audio/mp3, placeholder , Canvas, 2D/3D Graphics, Local Storage were added.
Correct Answer
C. All are correct.Explanation
HTML5 is an upgraded version of HTML that includes new features like video and audio support, placeholder functionality, canvas for 2D/3D graphics, and local storage. Additionally, HTML5 eliminates the need for external plugins such as Flash player or other libraries, making it more efficient and user-friendly. Therefore, all the statements provided in the question are correct.Rate this question:
-
- 4.
What is the < ! DOCTYPE > ?
- A.
It's an instruction to recognize you are creating an XML file.
- B.
It's an instruction to the web browser about what version of HTML the page is written in.
- C.
It's an instruction to finish an HTML page.
Correct Answer
B. It's an instruction to the web browser about what version of HTML the page is written in.Explanation
The is an instruction to the web browser about what version of HTML the page is written in. It specifies the document type definition (DTD) or the XML schema that should be used to validate the HTML document. This helps the browser to understand how to interpret and render the HTML code correctly.Rate this question:
-
- 5.
Which of the follows are all new elements for HTML5?
- A.
Article, footer, section, audio, track
- B.
Object, article, br, table, input
- C.
Input, frame, body, table, form
- D.
All of them
Correct Answer
A. Article, footer, section, audio, trackExplanation
The elements article, footer, section, audio, and track are all new elements introduced in HTML5. These elements provide additional semantic meaning and functionality to web pages. They allow for better structuring of content, such as dividing it into sections and adding audio and video elements. The inclusion of these elements in HTML5 helps to improve the overall user experience and accessibility of web pages.Rate this question:
-
- 6.
Which of the follow options are new input types in HTML5?
- A.
Text, textarea, multiplebox, list
- B.
Email, month, number, color, search
- C.
Month, date, table, email, textarea
Correct Answer
B. Email, month, number, color, searchExplanation
The options "email, month, number, color, search" are new input types in HTML5. These input types allow users to input specific types of data, such as email addresses, dates, numbers, colors, and search queries, which can help improve the user experience and provide better validation for form inputs.Rate this question:
-
- 7.
How to add video in HTML5?
- A.
Video width="320" height="240" src="myVideo.mp4"
- B.
< video width="320″ height="240″ controls="controls" > < source src="myVideo.mp4″ type="video/mp4" / >
- C.
< object id="MediaPlayer" width="434" height="300" classid="clsid:22D6F312-B0F6-11D0-94AB… type="application/x-oleobject" > < param name="Filename" value="myVideo.mp4" >
- D.
Object width="320" height="240" src="myVideo.mp4"
- E.
Embed src="video.avi" width="352" height="240"
Correct Answer
B. < video width="320″ height="240″ controls="controls" > < source src="myVideo.mp4″ type="video/mp4" / >Explanation
To add a video in HTML5, the correct code is < video width="320″ height="240″ controls="controls" > with the source file specified using the src attribute and the type of video file specified using the type attribute. This code creates a video player with controls and specifies the video file to be played.Rate this question:
-
- 8.
What is the use of sessionStorage in HTML5?
- A.
It doesn't exist for HTML5
- B.
It stores the data for one session.
- C.
It stores data with no expiration date.
Correct Answer
B. It stores the data for one session.Explanation
The sessionStorage in HTML5 is used to store data for one session. This means that the data stored in sessionStorage will be available for the duration of that session, but once the session is closed or the browser is closed, the data will be cleared. sessionStorage is useful for storing temporary data that is only needed for a specific session and does not need to persist beyond that.Rate this question:
-
- 9.
What is the use of localStorage in HTML5?
- A.
It doesn't exist for HTML5
- B.
It stores the data for one session.
- C.
It stores data with no expiration date.
- D.
It stores data until cache is cleaned.
Correct Answer
D. It stores data until cache is cleaned.Explanation
localStorage is a feature in HTML5 that allows web applications to store data locally on a user's device. Unlike session storage, which only stores data for one session, localStorage stores data with no expiration date. This means that the stored data will persist even if the user closes the browser or reboots their device. The data will only be cleared when the cache is manually cleaned.Rate this question:
-
- 10.
Which browsers support HTML5?
- A.
IE, Opera, Chrome, Firefox.
- B.
All.
- C.
The major browsers, but only some features.
- D.
Mobiles, Opera, Chrome.
- E.
The major browsers.
Correct Answer
C. The major browsers, but only some features.Explanation
The correct answer is "The major browsers, but only some features." This means that all major browsers, such as IE, Opera, Chrome, and Firefox, support HTML5 to some extent. However, not all features of HTML5 may be fully supported by these browsers.Rate this question:
-
- 11.
Which are some advantage using HTML5?
- A.
Cleaner markup.
- B.
Additional semantics of new elements
- C.
Reduce the need for external plugins
- D.
Better error handling
- E.
All of above
Correct Answer
E. All of aboveExplanation
HTML5 offers several advantages over previous versions of HTML. One advantage is that it allows for cleaner markup, meaning that the code is more organized and easier to read and understand. Additionally, HTML5 introduces new elements that provide additional semantics, making it easier to structure and describe content. Another advantage is that HTML5 reduces the need for external plugins, as it includes built-in support for multimedia elements such as audio and video. Lastly, HTML5 provides better error handling, allowing developers to more easily identify and fix issues in their code. Overall, all of these advantages make HTML5 a powerful and efficient tool for web development.Rate this question:
-
- 12.
Which object you can get the geolocation with?
- A.
Maps.getCurrentPosition();
- B.
Navigator.location.getCurrentPosition();
- C.
Navigator.geolocation.getCurrentPosition();
- D.
Navigator.maps.getCurrentPosition();
Correct Answer
C. Navigator.geolocation.getCurrentPosition();Explanation
The correct answer is navigator.geolocation.getCurrentPosition(). This method is used to retrieve the current geolocation of the device. The navigator.geolocation object provides access to the geolocation information of the device, allowing web applications to obtain the user's current location.Rate this question:
-
- 13.
Why is recommended to use HTML5?
- A.
Because it's a new technology.
- B.
Because it's changing the world.
- C.
It's still not recommended.
- D.
Because all navigators use it.
Correct Answer
C. It's still not recommended. -
- 14.
What's the difference between sessionStorage and localStorage?
- A.
There's no difference.
- B.
The scope we can use them.
- C.
The time they store data.
- D.
The object they implement.
Correct Answer
C. The time they store data.Explanation
sessionStorage and localStorage are both web storage APIs in JavaScript that allow developers to store data in the browser. The main difference between them is the duration for which they store data. sessionStorage stores data for the duration of the session, which means that the data is only available as long as the browser tab or window is open. On the other hand, localStorage stores data indefinitely until it is manually cleared by the user or removed by the website.Rate this question:
-
- 15.
Which are all new events in HTML5?
- A.
Onplay, ondrag, onmousewheel, onstorage, onbeforeprint
- B.
Onblur, onpause, onoffline, onload, ondrop
- C.
Ondrop, onkeypress, onmouseover, onplaying, onclick
Correct Answer
A. Onplay, ondrag, onmousewheel, onstorage, onbeforeprintExplanation
The correct answer is onplay, ondrag, onmousewheel, onstorage, onbeforeprint. These events are new in HTML5 and provide additional functionality for developers. The onplay event is triggered when a media element starts playing, the ondrag event is triggered when an element is being dragged, the onmousewheel event is triggered when the mouse wheel is scrolled, the onstorage event is triggered when a web storage area is updated, and the onbeforeprint event is triggered before a document is printed. These events allow developers to create more interactive and dynamic web applications.Rate this question:
-
- 16.
How does HTML5 implement dragAndDrop ?
- A.
With the dataTransfer object
- B.
With the event ondragstart, ondragover and ondrop
- C.
Setting the draggable attribute
- D.
It's needed to make the other three options
Correct Answer
D. It's needed to make the other three options -
- 17.
What's the advantage for Application cache?
- A.
Offline browsing.
- B.
All above.
- C.
Reduce the page size.
- D.
Spent less time filling in forms.
Correct Answer
A. Offline browsing.Explanation
The advantage of Application cache is offline browsing. This means that even when the user is not connected to the internet, they can still access and view the cached version of the website or application. This is beneficial as it allows users to continue using the application or browsing the website even in areas with limited or no internet connectivity.Rate this question:
-
- 18.
What is Web workers for?
- A.
It's a StyleSheet that runs in the background, independently of other sheets.
- B.
It's a JavaScript that runs in the background, independently of other scripts.
- C.
It's a new page that runs in the background, independently of other pages.
Correct Answer
B. It's a JavaScript that runs in the background, independently of other scripts.Explanation
Web workers are a feature of JavaScript that allow for the execution of scripts in the background, separate from the main thread. They enable multitasking and improve performance by offloading time-consuming tasks to separate threads, preventing them from blocking the main thread and causing the webpage to become unresponsive. This makes web workers particularly useful for tasks such as complex calculations, data processing, and handling large amounts of data. They operate independently of other scripts, allowing for parallel execution and enhancing the overall responsiveness and user experience of web applications.Rate this question:
-
- 19.
How to implement Canvas in HTML5?
- A.
With the object paint.canvas
- B.
With the element "canvas"
- C.
With the attribute "body canvas='true' "
- D.
That doesn't exists in HTML5
Correct Answer
B. With the element "canvas"Explanation
The correct answer is "With the element 'canvas'". In HTML5, the canvas element is used to draw graphics, animations, or other visual images on a web page. It provides a drawing surface on which you can use JavaScript to render dynamic graphics. By using the canvas element, you can create and manipulate graphics in a variety of ways, such as drawing shapes, applying colors, and adding text.Rate this question:
-
Quiz Review Timeline +
Our quizzes are rigorously reviewed, monitored and continuously updated by our expert board to maintain accuracy, relevance, and timeliness.
-
Current Version
-
Dec 13, 2023Quiz Edited by
ProProfs Editorial Team -
Oct 12, 2012Quiz Created by
Elcuahu
Back to top