Advanced Web Design: Questions
- Categories Web Designing
This post contains questions on Advanced Web Designing in the form of MCQs, fill in the blanks and true/false statements. Solve these questions for a thorough revision!
Fill in the blanks:
- ____ is currently used because it supports mobile technology.
Ans. HTML5
- < input type=“tel” > is used for ____.
Ans. telephone number
- _____ input element type defines a field for entering a number.
Ans. Number
- < input type=”datetime-local” > is used to define a date picker that includes the____, ____, ____ and ____.
Ans. year, month, day, time
- _____ input element type is used to define a control for entering a time.
Ans. Time
- <input type=”week”> is used to define _____ and ____ control.
Ans. week, year
- ____ input element type is used to define a text field for entering a search string.
Ans. < input type=”search”>
- Attribute “required” in input restrictions is used for ______ field.
Ans. must be filled out
- ______ input fields cannot be changed.
Ans. Read only
- Input attribute “pattern” specifies _____ expression to check the input values.
Ans. a regular
- ______ acts as a temporary label showing the purpose of a text field without requiring a label tag.
Ans. Placeholder
- _____ input attribute specifies that the user can be allowed to enter one or more value in the <input> element.
Ans. multiple
- <meta> tag carries information within its _____.
Ans. attributes
- The _____ attribute of the meta tag is used for http response message holders.
Ans. http-equiv
- The <meta> tag is placed between the _____ and ____tags.
Ans. <head>, </head>
- Input attributes Height and Width are used to specify the height and width of _____.
Ans. <input type=”image”>
- id is used to identify the ______ through the document object model.
Ans. html element uniquely
- ______ is used to apply CSS style to the individual input element.
Ans. class
- ______ Meta Attribute can have any textual matter related to the name.
Ans. Content
- The character encoding used by the document is called _______.
Ans. character encoding declaration
- Meta attribute “Charset” value UTF-8 is used for _____.
Ans. Indian characters
- CSS can control the layout of multiple ____ all at once.
Ans. web pages
- There are ___ types of positioning in CSS.
Ans. 4
- A CSS rule set contains a selector and a ____ block.
Ans. declaration
- Each declaration contains a property name and value separated by a ______.
Ans. colon
- Values are assigned to CSS ____.
Ans. properties
- ______ is used to apply CSS on a single document or page.
Ans. Embedded stylesheet
- Embedded stylesheet is written inside the ____ tag within the ____ of html.
Ans. style, head section
- _____ CSS property is used to set the background color in your webpage.
Ans. Background-color
- The value for Font- style CSS property can be ____, _____ or _____.
Ans. italic, oblique, normal
- ____ is the value of font-family CSS Property.
Ans. Font name
- ____ CSS property allows you to control the size of the font.
Ans. Font-size
- ____ CSS property enables you to add blank spaces around the content of an element.
Ans. Padding
- ____ CSS property is used to set an image as the background of your webpage.
Ans. Background-image
- CSS property margin-left is used for setting margin area on the left side of ____.
Ans. element
- Id selector is written with the ____ character, followed by the ___ name.
Ans. hash (#), id
- The _____ selector is used as a wildcard character.
Ans. Universal
- ____ selects all the elements on the webpages.
Ans. Universal selector
- ____ tag is used to define a definition list.
Ans. <dl>
- A list within another list is called a ____ list.
Ans. nested
- The ______ is used to select all the elements with the same style definitions.
Ans. grouping selector
- ____ CSS property is used to control the horizontal alignment of any block-level text.
Ans. Text-align
- The ____ property is used to set position for an element.
Ans. position
- _____ is a by default position for HTML elements.
Ans. Static Positioning
- _____ property is used to set the element relative to its normal position.
Ans. Relative positioning
- ____ property in CSS defines how the components are going to be placed on the web page.
Ans. Display
- _____ property is used to define the display of different parts of a web page.
Ans. Display
- The ____ tag defines an ordered list.
Ans. < OL >
- ___ attribute of <ol> tag specifies the starting number of the first item in an ordered list.
Ans. Start
- The HTML _________ element is used to play an audio file on a web page.
Ans. <audio>
- The __________ attribute adds audio controls, like play, pause, and volume.
Ans. controls
- In HTML Audio/Video DOM __________ sets or returns the volume of the audio/video.
Ans. volume
- The ___ attribute defines link to the video file
Ans. src
- In HTML Audio/Video DOM __________ sets or returns whether the audio/video should start playing as soon as it is loaded.
Ans. autoplay
- In HTML Audio/Video DOM __________ sets or returns whether the audio/video should start over again when finished.
Ans. loop
- In HTML Audio/Video DOM __________ returns a MediaError object representing the error state of the audio/video.
Ans. error
- In HTML Audio/Video DOM __________ returns a TextTrackList object representing the available text tracks.
Ans. textTracks
- The _______ tag is used for audio in HTML5.
Ans. <audio>
- The ______ tag is used to define multiple media resources for media elements audio and video.
Ans. <source>
- The _____________ browser does not support wav file format.
Ans. Internet Explorer
- Adding the ________ attribute to the <audio> element, we can recommend to the browser what to do with the audio file when the web page loads.
Ans. preload
- The _______ attribute lets us tell the browser to play the audio track continuously until the user stops or pauses it:
Ans. loop
- One of the most commonly used helper programs for playing web video and audio is __________.
Ans. Adobe Flash Player
- An encoded set of video data is known as a(n) ____.
Ans. stream
- The __________ attribute of the video element specifies the container format used to encode the file.
Ans. type
- The container format is expressed using the relevant MIME type, which is a standardized value used to reference a __________ type.
Ans. data
- To make a Flash video available to older browsers, you use the object and __________
Ans. param
- A __________ image is displayed before a video is played.
Ans. poster
- A __________ image is displayed in browsers that do not recognize the video element and cannot render the video specified by the object element.
Ans. fallback
- __________ is a JavaScript library that implements the most common user interface elements and interactions like sliders, accordions, tabs, and so on.
Ans. JQuery UI
- In HTML Audio/Video DOM, __________ sets or returns whether the video should be loaded when the page loads.
Ans. preload
- In HTML Video DOM, __________ sets or returns the default speed of the audio/video playback.
Ans. defaultPlaybackRate
- In HTML Video DOM, __________ sets or returns the CORS settings of the audio/video.
Ans. crossOrigin
- In HTML Audio/Video DOM, __________ returns a TimeRanges object representing the buffered parts of the audio/video.
Ans. buffered
- Video tag attribute muted is use to specify the _____ output of the video should be muted.
Ans. audio
- The clickable regions of an image map are called _____.
Ans. hotspots
- ____ defines the specific clickable regions in an image map.
Ans. < area>
- An image with multiple hyperlinks is called ____.
Ans. image map
- Image map is used to connect links to different ____ on the webpage.
Ans. regions
- ____ has only one attribute name.
Ans. <map> tag
- _____ <area> tag attribute is used to define the URL to which the clickable region within the image-map navigates.
Ans. “Href”
- ____ <area> tag attribute is the alternative text to the clickable region.
Ans. alt
- _____ <iframe> element attribute used to specify name of an <iframe>.
Ans. Name
- ____ own and manage web servers.
Ans. Web hosts
- Free hosting websites are ones which provide you free hosting of the website for ____ period of time.
Ans. limited
- _____ are paid hosting services for large web sites.
Ans. Dedicated hosting
State whether the following statements are True or False
- URL input element type defines a field for an e-mail address.
Ans. False
- Google chrome does not support HTML5 features.
Ans. False
- is used to define only month in html.
Ans. False
- Min input attribute specify minimum value for output.
Ans. False
- The meta tag describes some aspects of contents of a webpage.
Ans. True
- The HTMLtag is used by search engines.
Ans. True
- tag is an empty tag (singular tag).
Ans. True
- Metadata will be displayed on the webpage.
Ans. False
- Meta charset UTF-8 is for Chinese characters.
Ans. False
- CSS describes how HTML elements are to be displayed on paper.
Ans. True
- CSS allows you to control the look and feel of several pages by changing a multiple source.
Ans. False
- Each declaration block in CSS contains a property Name and Value.
Ans. True
- We can change the look of the entire web site by changing just one file.
Ans. True
- An external style sheet can be written in any text editor, and saved with a “ .css”
Ans. True
- The external CSS file could contain html tags.
Ans. False
- Font-weight CSS property is used to bold text.
Ans. True
- Placeholder attribute acts as a temporary label showing the purpose of a text field without requiring a label tag.
Ans. True
- Left, Right, Center or Justify are the values for Text-align CSS property.
Ans. True
- Letter-spacing CSS property helps to control horizontal spacing between characters of text.
Ans. True
- The CSS id selector selects the id attribute of an html element to select a specific element.
Ans. True
- The class name should start with number.
Ans. False
- .abc [ color : blue ] is .an example of class selector.
Ans. True
- Grouping selector is used to minimize the code.
Ans. True
- There are five types of positioning in CSS.
Ans. True
- Static Positioning is affected by the top, bottom, left and right properties.
Ans. False
- The fixed property forces an element into a fixed position relative to the browser window.
Ans. True
- The fixed element will move, when the page is scrolled.
Ans. False
- Absolute Positioning element is not affected by the flow of the page.
Ans. True
- The display property defines the flow of content.
Ans. False
- float: left, float: left and float: default are types of floating properties.
Ans. False
- Block value of display property is used to display an element as a block element.
Ans. True
- An unordered list is created using a < uo> tag.
Ans. False
- HTML5 supports all type attributes of
- tag.
Ans. False
- An ordered list can be numerical or alphabetical.
Ans. True
- Reversed attribute of
- tag is used specify that the items of the list are specified in the reverse order.
Ans. True
- The items in unordered lists are marked with bullets by default.
Ans. True
- List within another list is called nested list.
Ans. True
- HTML features have native audio and video support without needing flash.
Ans. True
- The
Multiple choice questions:
- Default range for <input> type “range” is ____.
- A to Z
- 0 to 100
- 0 to 1000
- None of above.
Ans. 2
- Which input element type defines a color picker?
- Search
- Image
- Color
- Number
Ans. 3
- _____ input element type defines an image as a submit button.
- File
- image
- url
- None of above
Ans. 2
- _____ input element type defines a date picker with the year, month and day.
- Month
- Week
- Time
- Date
Ans. 4
- Which input element type defines a field for an e-mail address?
- Address
- Search
- Url
Ans. 1
- <input type=”file”> input element type provides “browse” button for ____.
- Download file
- Upload file
- Open file
- None of above
Ans. 2
- ______ input attribute specifies that an input field should be disabled.
- Disabled
- Pattern
- Placeholder
- Required
Ans. 1
- Which input attribute specifies the maximum value for an input field?
- Maximum
- Max
- Width
- None of above
Ans. 2
- Which input attribute specifies that the input field should automatically get focused when the page loads?
- Autofocus
- Placeholder
- Autocomplete
- None of above
Ans. 1
- Which Name attribute value cannot be related to the following-
- Author
- Description
- Keywords
- Numbers
Ans. 4
- Meta attribute “Charset” has ____ value for Chinese characters.
- UTF-8
- Big5
- euc-kr
- none of above
Ans. 2
- Meta charset UTF-8 is for ____ characters.
- Indian
- Japanese
- Chinese
- American
Ans. 1
- _____ indicates the HTML element you want to style.
- Selector
- Declaration
- Property
- None of above
Ans. 1
- Which of the following is not selector:
- h1
- body
- font-size
- all of above.
Ans. 3
- ____ allows you to control the look and feel of several pages by changing a single source.
- ASP
- CSS
- PHP
- All of the above
Ans. 2
- Each declaration contains a property name and value separated by a ____.
- Colon
- Comma
- Semicolon
- Period
Ans. 3
- The declaration block in CSS can contain one or more declarations separated by _____.
- Colon
- Semicolon
- Dot
- Space
Ans. 2
- A Property is a type of _____ of HTML element.
- Name
- Value
- Attribute
- None of above
Ans. 3
- Which of the following is a CSS type:
- Inline CSS
- Embedded stylesheet
- External CSS
- All of above
Ans. 4
- Internal CSS is written inside ____ tag within head section.
- < body >
- < style >
- < link >
- < title >
Ans. 2
- Internal CSS is also called _____ CSS.
- Embedded
- Inline
- Inbuilt
- External
Ans. 1
- _____ is used to apply CSS on a single line or element.
- Internal CSS
- External CSS
- Inline CSS
- All of above
Ans. 3
- “<p style=”color:yellow”>Simply Coding</p>” is example of _____.
- External CSS
- Inline CSS
- Internal CSS
- All of above
Ans. 2
- _____ is used when you want to make changes on multiple pages.
- Internal stylesheet
- External stylesheet
- Inline stylesheet
- None of above
Ans. 2
- The ____ style sheet is used when you want to make changes on multiple pages.
- Internal
- Inline
- External
- Embedded
Ans. 3
- External CSS is written inside ____ section of head section.
- < body >
- < style >
- < link >
- < title >
Ans. 3
- External stylesheet uses the <link> tag which should be put inside the ___section.
- Head
- Body
- Both of above
- None if above
Ans. 1
- Which CSS property is used to change the color of the text?
- Font-style
- Font-family
- Color
- None of above
Ans. 3
- CSS property Font-style is used to ____ the text.
- Bold
- Italicize
- Underline
- None of above
Ans. 2
- Exclude the wrong option from uses of Text-Decoration CSS property.
- Underline
- Overstrike
- To remove underlines from links
- Bold
Ans. 4
- Which CSS property adds a border to a webpage element?
- Border
- Padding
- Color
- None of above
Ans. 1
- Class selector is used with a ____ character followed by the class name.
- Colon (:)
- Semicolon (;)
- Period (.)
- Space
Ans. 3
- The ID selector is written with the ____ character followed by the ID name.
- Period
- Asterisks
- Copyright
- Hash
Ans. 4
- The ____ is used when you want to change a group of elements within html page.
- Class Selector
- Id Selector
- Universal Selector
- None of above
Ans. 1
- _____ are used to separate each selector in grouping.
- Commas
- Semicolon
- Period
- None of above
Ans. 1
- _____ property helps to put the text fixed on the browser.
- Static Positioning
- Fixed Positioning
- Relative Positioning
- Absolute Positioning
Ans. 2
- _____ property sets an element in a specific location.
- Static Positioning
- Fixed Positioning
- Relative Positioning
- Absolute Positioning
Ans. 4
- Absolute Positioning property positions the element at the specified coordinates relative to your screen’s ____.
- Top-left corner
- Top-right corner
- Bottom-left corner
- Bottom-right corner
Ans. 1
- ____ is the default property i.e. this shows the element as it is.
- float : none
- float: left
- float: right
- None of above
Ans. 1
- Which value of Display property is used to display an element as an inline element?
- Inline
- Block-inline
- Element-inline
- None of above
Ans. 1
- An unordered list is created using the ____ tag.
- <ul>
- <ol>
- <dl>
- <sl>
Ans. 2
- <dl> tag is used to define a ____ list.
- Unordered
- Ordered
- Definition
- None of above
Ans. 3
- The ____ tag is used to specify multiple media resources for media elements.
- Source
- Media
- Audio
- None of above
Ans. 1
- Which new element did HTML5 introduce to play audio files natively within the browser?
- <audio>
- <iTunes>
- <embed>
- <script>
Ans. 1
- This requests the browser to download just the beginning chunk of the audio file, which is enough to determine and display the track length.
- auto
- metadata
- Media
- none
Ans. 2
- This requests the browser to download the audio file automatically in the background, without waiting for the user to click on the play button.
- auto
- metadata
- none
- none of above
Ans. 1
- Which protocol is supported by Android browsers?
- HTTPS
- HLS
- RTMP
- FTP
Ans. 2
- The presence of the controls attribute in the video element instructs browsers _______.
- to add their default controls.
- to hide their default controls.
- to block user control of playback.
- to begin playing the video immediately when the page is loaded.
Ans. 1
- The loop attribute of the video element indicates
- that the browser should restart playback each time it reaches the end of the video.
- that the video should begin playing immediately when the page is loaded.
- that user control of playback should be blocked.
- that the browser should download the video file when opening the web page.
Ans. 1
- The autoplay attribute of the video element indicates
- That the video should begin playing immediately when the page is loaded.
- That user control of playback should be blocked.
- That the browser should restart playback each time it reaches the end of the video.
- That the browser should download the video file when opening the web page.
Ans. 1
- Which of the following is not a HTML5 tag?
- <video>
- <source>
- <track>
- <slider>
Ans. 4
- What will happen if height and width of video are not set while video loads?
- Page flickers
- Page does not load
- Page crash
- Page closes
Ans. 1
- Which of the following HTML Video – Media Type is not supported in IE?
- WebM
- MP4
- Ogg
- MP4 FLAC
Ans. 3
- The usemap attribute acts as a pointer which indicates that the image is a ____ side image map.
- server
- client
- both of above
- none of above
Ans. 2
- <area> tag attribute- shape can have value ____.
- Rect
- circle
- poly
- any of above
Ans. 4
- The contents of the <iframe> are an advertisement from ______.
- external party
- internal party
- both of above
- none of above
Ans. 1
- Which <iframe> element Attribute specifies the address of the document to embed in the <iframe>?
- Name
- Srcdoc7
- Src
- None of above
Ans. 3
- The website is made available on the internet with the help of______.
- webpage
- web hosting
- domain
- none of above
Ans. 2
- The companies that provide web hosting services are called _____.
- Developer
- User
- Web hosts
- Engineer
Ans. 3
- The default value of type attribute of ordered list is _____.
- I
- a
- 1
- 10
Ans. 3
- Shared hosting is cost effective and gives _____ to your website.
- domain name
- time period
- storage
- none of above
Ans. 1