B. V. Patel Institute of Business Management, Computer and 2015 Information Technology, UTU
Total Page:16
File Type:pdf, Size:1020Kb
B. V. Patel Institute of Business Management, Computer and 2015 Information Technology, UTU B. C. A (3rd Semester) 030010308: Advanced Web Design Question Bank Unit 1: Advanced Elements of Hypertext Markup Language Short questions: 1. What is the latest version of HTML? 2. What is the significance of the statement <!doctype html>? 3. What is a difference between <FIGURE> and <FIGCAPTON> elements? 4. Which element is used to display newspaper article? 5. Write HTML snippet code to display following output? Assignment submission data is 30/07/2015. 6. Which element is used to support 2D and 3D drawings? 7. What are the two attributes of <LINK> element introduced in HTML5? 8. Which attribute is used to hides non-relevant elements? 9. State a difference between draggable and dragzone attributes. Give an example of it. 10. Write HTML5 basic document structure. 11. List at least six different values of type attribute of <INPUT> element which are introduced in HTML5. 12. Identify the element which displays an independent, self-contained content of a blog or magazine. 13. Which element is used to define a set of navigation links? Write a snippet code to show the use of such element. 14. Write the output of following snippet code: <details> <summary> Show detail </summary> <summary> More detail </summary> </details> 15. Which element is used to expand or collapse according to the requirement? Write a suitable example of it. 16. What is the difference between following two statements? Statement 1: The Board of Directors meeting is scheduled at <time> 10:30am </time>. Statement 2: The Board of Directors meeting is scheduled at 10:30am. 17. Write snippet code to play audio which start again every time it is finished. 18. What is the significance of <TRACK> element? Briefly discuss subtitle and label attributes of it. Long questions: 1. Write snippet code to play a video in muted mode which can be play or pause manually on web page. 2. State any four differences between HTML and HTML5. 3. Discuss any four new features of HTML5. 4. List and explain any four new elements introduced in HTML5 with suitable example of each. 5. Write snippet code to drag and drop a button on web page. 6. Explain multimedia elements with suitable example of each. 7. Briefly discuss the microdata attributes with suitable example. 8. What other advantages does HTML5 have? Ms. Khushbu Patel 1 B. V. Patel Institute of Business Management, Computer and 2015 Information Technology, UTU 9. What is the use of <CANVAS> element in HTML5? Give an example of it. 10. Explain any four semantic elements with example. 11. What is the purpose of <FIGURE> and <FIGCAPTION> elements? Write suitable example to show the use of both elements. 12. Explain all attributes of <AUDIO> element with suitable example of each. 13. Explain <DATALIST>, <KEYGEN> and <OUTPUT> elements with suitable example of each. Multiple choice questions: 1. The default character encoding in HTML5 is. a. UTF-16 b. UTF-32 c. UTF-8 d. ISO-8859-1 2. Which one of the following microdata attribute is represents a valid URL to define a specific type of items? a. itemid b. itemscope c. itemref d. itemtype 3. Which one of the following attribute represents a keyboard shortcut to access an element? a. keygen b. accesskey c. keyaccess d. keyboardaccess 4. SVG graphics do not lose quality when they are realized? a. True b. False c. Cannot determine d. None of the above 5. Which modern browser does not support the HTML5 elements? a. IE8 b. Safari c. Mozilla d. Chrome 6. In SVG, each drawn shape or figure is considered or remembered as _________. a. Class b. Object c. Method d. None 7. Which one of the following element is used to highlight text in a document? a. <header> b. <highlight> c. <mark> d. <canvas> 8. ______________ allows setting some element to be editable inside the browser. a. spellcheck b. contenteditable Ms. Khushbu Patel 2 B. V. Patel Institute of Business Management, Computer and 2015 Information Technology, UTU c. dropzone d. contextmenu 9. Which of the following is not form controls elements in HTML5? a. url b. search c. money d. email 10. Which of the following is not new element of HTML5? a. <ins> b. <section> c. <time> d. <wbr> 11. Which of the following is true about video in HTML5? a. HTML5 doesn't support video. b. To play video we must have to use some plug-in. c. It defines a new element which specifies a standard way to embed a video. d. Both the options (a) and (b) 12. Consider the following snippet code <video controls="controls" preload="none"> <source src="song.mp4" type="video/mp4" /> </video> Which of the following is true? a. It should load the entire video when the page loads. b. It should load only metadata when the page loads. c. It should load the part of video when the page loads. d. It should not load the video when the page loads. 13. Which of the following attribute is used to specify the title of the text track in a <track> element? a. caption b. subtitle c. kind d. label 14. Which of the following is true about <!doctype> declaration in HTML5? a. <!doctype> declaration is optional. b. There must be only one <!doctype> declaration. c. There must be only two <!doctype> declaration. d. There can be any number of <!doctype> declaration. 15. Which of the following is not new media element of HTML5? a. <audio> b. <video> c. <object> d. <track> 16. When autoplay attribute has defined in <video> element then: a. preload attribute is ignored. b. Web browser assume preload="auto" c. Web browser assume preload="metadata" Ms. Khushbu Patel 3 B. V. Patel Institute of Business Management, Computer and 2015 Information Technology, UTU d. Both (A) and (C) 17. Correct way to declaring character encoding in html5 is: a. <meta http-equiv="Content-Type" charset=UTF-8" /> b. <meta http-equiv="Content-Type" content="text/html;/> c. <meta content="text/html; charset=UTF-8" /> d. <meta charset="UTF-8" /> 18. How can we create DOCTYPE in html5? a. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"> b. <!DOCTYPE html PUBLIC"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> c. <!DOCTYPE html PUBLIC> d. <!DOCTYPE html> 19. The following elements <header>, <footer>, <article>, <section> are the new elements in HTML5. These elements are called a. Control attributes b. Semantic elements c. Graphic elements d. Multimedia elements 20. The default character encoding in HTML5 is a. UTF-16 b. UTF-32 c. UTF-8 d. ISO-8859-1 21. Which of the following is not an attribute of <LINK> element? a. rel b. rel-licence c. rel-help d. rev True or False 1. HTML5 doesn’t allow linking a document with another document. 2. Frame concept is available in HTML5. 3. HTML5 will work if <!DOCTYPE html> is not putted. 4. Semantic elements are not supported by Internet Explore. 5. Only one <HEADER> element is used in one document. 6. Text between the <VIDEO> and </VIDEO> tags will only display in browsers that do not support the <VIDEO> element. 7. <SOURCE> element is only once used in <AUDIO> element. 8. Multiple <SOURCE> elements can link to different video files. 9. <DATE> element is used to specify the date and time in a web page. 10. Hide attribute is used to hides non-relevant elements. Fill in the blanks 1. A browser interprets an HTML document on basis of _____________ that are added in the document. 2. ____________ is used to provide additional information about the properties and behaviour of HTML elements. Ms. Khushbu Patel 4 B. V. Patel Institute of Business Management, Computer and 2015 Information Technology, UTU 3. ___________ is a data of an HTML document that can be read by computer to process the document on the basis of its essential details. 4. Microdata contain groups of name-value pairs, which are called ____________. 5. _________________ attribute specify the drop target for a dragged element. 6. <DOCTYPE> element is used to instruct web browser to specify ___________ of markup language used in the HTML document. 7. The controls attribute adds video controls, like ___________, _____________ and ___________. 8. Subtitle, src, srclang are the attributes of _______________ element. 9. _____________ attribute specifies that the audio/video will start playing as soon as it is ready 10. ____________ attribute specifies whether or not the spelling or grammar checking feature is enabled for an element. Unit 2: Advanced Attributes of Hypertext Markup Language Short questions: 1. Why contenteditable attribute is called global attribute? 2. Match following attributes with its description. Attributes Description 1. novalidate a. Specifies whether or not the spelling or grammar checking feature is enabled for an element. 2. autocomplete b. Specifies whether the content of an element is editable or not. 3. spellcheck c. Specifies that the form-data (input) should not be validated when submitted. 4. contenteditable d. Specifies whether or not an input field should have autocomplete enabled. 3. Write snippet code which allows editing and correcting spelling mistake in any 10 dictionary words. 4. Consider the below snippet code and write the use of autocomplete attribute in the code. What shall be the output if autocomplete=”on” is written on email field? <form action="" autocomplete="on"> First name:<input type="text" name="fname"><br> Last name: <input type="text" name="lname"><br> E-mail: <input type="email" name="email" autocomplete="off"><br> <input type="submit"> <input type="reset"> </form> 5. Write snippet code which allows a user to select only date of current month.