Job Saarnee

JOB SAARNEE

Top Most Platform for Job Updates O Level Results Answer keys AKTU MCQs

M2-R5 : WEB DESIGNING & PUBLISHING July 2022 with Solution

M2-R5 : WEB DESIGNING & PUBLISHING 

July 2022 Paper With solution

SET – 01

Welcome to your ultimate guide for mastering web design! Our M2-R5 Web Designing & Publishing Mock Paper With Solutions is designed to simplify your learning experience. Whether you’re a beginner or looking to enhance your skills, this resource is here to help. Dive into practical exercises, find easy-to-understand solutions, and prepare yourself to create stunning websites. Join us on this journey, where simplicity meets expertise, making web design accessible to everyone. Let’s begin! 
This blog cover Solution of M2-R5 Web Designing and Publication July 2022 Set 1 with necessary explanation. this cover each an every point related to the exam  
M2-R5 : WEB DESIGNING & PUBLISHING July 2022 with Solution

M2-R5 : WEB DESIGNING & PUBLISHING July 2022 with Solution

Q1. “w3-border-0” is a border property for w3.css, which of the following is true ?

 (A) It has rounded borders

 (B) removes all borders

 (C) removes rounded borders only

 (D) None of these 

Solution:

The “w3-border-0” property in w3.css removes all borders from an element. Therefore, option (B) is true: “removes all borders”. Option (A) “it has rounded borders” and option (C) “removes rounded borders only” are not correct. Option (D) “None of these” is also incorrect because option (B) is true.

Q2. “w3-row-padding” is a class which defines :

 (A) Container for responsive classes, with 8px left and right padding

 (B) Container for responsive classes with no padding

 (C) Container for responsive classes with padding

 (D) None of these 

Solution:

The “w3-row-padding” class in w3.css defines a container for responsive classes with padding. Therefore, option (C) is correct: “Container for responsive classes with padding”. 

Q3. What is true for HTML ?

 (A) It is used to design static web pages.

 (B) It is used to design dynamic web pages

 (C) Both (A) and (B) are true

 (D) None is true

Solution:

HTML is used to design static web pages, which means that the content on the web page remains the same unless it is modified by a developer.

Therefore, option (A) is true: “It is used to design static web pages”. 

However, option (B) “It is used to design dynamic web pages” is not entirely correct. While HTML is used as a foundational markup language for web development, dynamic web pages are created using additional technologies such as CSS, JavaScript, and server-side scripting languages like PHP, Python, or Ruby.

These technologies allow web pages to display content that can change dynamically based on user interactions or other factors.

Therefore, option (C) “Both (A) and (B) are true” is not correct either. Option (D) “None is true” is also not correct because option (A) is true.

Q4. The proper sequence of tags in HTML while coding for a web page is : 

(A) < HTML >, <TITLE>, <BODY>, <HEAD>

(B) <HEAD>, <HTML>, <TITLE>, <BODY>

(C) <HTML>,<HEAD>,<TITLE>,< BODY>

(D) <HTML>, <HEAD>, <BODY>, <TITLE> 

Solution:

The proper sequence of tags in HTML while coding for a web page is: <HTML>, <HEAD>, <TITLE>, <BODY>. Therefore, option (C) is correct: “<HTML>,<HEAD>,<TITLE>,<BODY>”.

Explanation:

<HTML> is the root element and is always the first tag.

<HEAD> contains the metadata of the page such as the title, links to CSS stylesheets, and scripts. It should come after the <HTML> tag.

<TITLE> defines the title of the page, which appears in the browser tab and search engine results. It should come after the <HEAD> tag.

<BODY> contains the visible content of the page such as text, images, and other HTML elements. It should come after the <HEAD> tag. 

Option (A) “<HTML>, <TITLE>, <BODY>, <HEAD>” is incorrect because the <HEAD> tag should come after the <HTML> tag.

Option (B) “<HEAD>, <HTML>, <TITLE>, <BODY>” is incorrect because the <HEAD> tag should come after the <HTML> tag, and the <TITLE> tag should come inside the <HEAD> tag.

Option (D) “<HTML>, <HEAD>, <BODY>, <TITLE>” is incorrect because the <TITLE> tag should come inside the <HEAD> tag, and the <BODY> tag should come after the <HEAD> tag.

Q5 If you think the value of the variable can change then which keyword is used ?

 (A) Var (B) Const (C) Let (D) nothing 

Solution:

If you think the value of the variable can change then the keyword used is let. Therefore, option (C) is correct: “Let”.

Explanation:

var is used to declare a variable with function scope. It can be reassigned and its value can change during the execution of the code.

const is used to declare a variable with block scope. It cannot be reassigned or its value cannot be changed during the execution of the code.

let is also used to declare a variable with block scope. It can be reassigned and its value can change during the execution of the code.

So, if you think that the value of the variable can change during the execution of the code, you should declare it using the let keyword.

Q6 In CSS the difference between two lines of your content is set by :

 (A) min-height property (B) line-height property

 (C) max-height property (D) none of these

Solution:

In CSS, the difference between two lines of your content is set by the line-height property. Therefore, option (B) is correct: “line-height property”.

Explanation:

The line-height property sets the height of a line of text. It determines the amount of space between two lines of text, which is also known as the leading.

The min-height property sets the minimum height of an element. If the content inside the element is smaller than the minimum height, the element will expand to the minimum height value.

The max-height property sets the maximum height of an element. If the content inside the element is larger than the maximum height, the element will overflow and display a scrollbar to allow users to scroll through the content.

None of the options (A), (C), and (D) correctly describe the property that sets the difference between two lines of content in CSS.

Q7. very important

<style>

 #myHeader {

 background-color: lightblue;

 color: black;

 padding: 40px;

 text-align: center;

 }

 </style>

 The # in the above lines of code represents:

 (A) an id tag (B) class name (C) an universal tag (D) horizontal frame 

Solution:

The “#” symbol in the above lines of code represents an id tag. Therefore, option (A) is correct: “an id tag”.

Explanation:

In CSS, the “#” symbol is used to select an element with a specific id. The id is a unique identifier that is assigned to an HTML element using the “id” attribute.

The syntax for selecting an element with a specific id is: #id_name.

In the given code, the “#myHeader” selector selects an HTML element with an “id” attribute value of “myHeader” and applies the specified styles to it.

Option (B) is incorrect because class names are selected using the “.” (dot) symbol, not “#” (hash) symbol.

Option (C) is incorrect because the “*” (asterisk) symbol represents the universal selector, which selects all elements in the HTML document.

Option (D) is incorrect because there is no such thing as a “horizontal frame” in CSS.

Q8. What is the World Wide Web ?

 (A) Software that controls the internet.

 (B) Another name for the internet.

 (C) System for interconnected WebPages which are accessible over the internet.

 (D) All of the above

Solution:

The World Wide Web (WWW or Web) is a system for interconnected web pages which are accessible over the internet. Therefore, option (C) is correct: “System for interconnected WebPages which are accessible over the internet”.

Explanation:

The World Wide Web (WWW or Web) is a system of interconnected web pages, documents, and other resources, linked by hyperlinks and URLs (Uniform Resource Locators).

The WWW is one of the services that run on the internet, but it is not the same thing as the internet itself.

The internet is a global network of computer networks, whereas the Web is a way to access information and resources over the internet using a web browser.

Option (A) is incorrect because software that controls the internet is not the same thing as the Web. The internet is a complex network of hardware, software, and protocols that connect computers and other devices around the world.

Option (B) is incorrect because the Web is just one of the many services that run on the internet. The internet also includes email, file transfer, remote login, and other services.

Q9 Following HTML tag is used to declare internal CSS :

 (A) <style> (B) <Head> (C) <link> (D) <Script> 

Solution:

The <style> HTML tag is used to declare internal CSS. Therefore, option (A) is correct: “<style>”.

Explanation:

The <style> tag is used to define internal CSS styles in an HTML document.

The <head> tag is used to contain information about the document such as the document title, meta data, and links to external resources such as stylesheets and scripts.

The <link> tag is used to link external resources such as stylesheets to an HTML document.

The <script> tag is used to define client-side scripts such as JavaScript.

Q10 Which of the following type of variable is visible only within a function where it is defined ?

 (A) Global variable (B) Local variable

 (C) Both (A) and (B) (D) None of the above 

Solution:

The type of variable that is visible only within a function where it is defined is a local variable. Therefore, option (B) is correct: “Local variable”.

Explanation:

In JavaScript, a variable declared inside a function using the “var”, “let”, or “const” keywords is a local variable.

A local variable is only accessible within the function in which it is defined.

Outside of the function, the variable is undefined.

In contrast, a global variable is accessible from anywhere in the JavaScript code, including inside functions.

Therefore, option (A) is incorrect because a global variable is visible throughout the entire program, not just within a function where it is defined.’

Q11. The curve adjustment is used to control the :

 (A) exposure in the image (B) shape of the image

 (C) direction of the image (D) All of the above 

Solution:

The curve adjustment is used to control the exposure in the image. Therefore, option (A) is correct: “exposure in the image”.

Explanation:

The curve adjustment tool is a feature commonly found in image editing software that allows for precise control over the brightness and contrast levels of an image.

By adjusting the curve, it is possible to make specific tonal adjustments to an image, such as increasing the brightness of the highlights, darkening the shadows, or adjusting the mid-tones.

These adjustments can help to improve the overall exposure of an image, making it brighter or darker as needed.

Options (B) and (C) are incorrect because the curve adjustment tool does not control the shape or direction of an image.

Q12 All the tags present in HTML are :

 (A) Non – Case Sensitive (B) Lower Case

 (C) Upper Case (D) Case Sensitive

Solution:

All the tags present in HTML are case insensitive. Therefore, option (A) is correct: “Non – Case Sensitive”.

Explanation:

In HTML, the names of tags are not case sensitive, meaning that they can be written in upper case, lower case, or a mixture of both.

For example, the following three lines of code are equivalent and will produce the same result:

<p>This is a paragraph.</p>

<P>This is a paragraph.</P>

<p>THIS IS A PARAGRAPH.</p>

However, it is common practice to use lower case tags in HTML to improve readability and consistency in the code.

Options (B), (C), and (D) are incorrect because although lower case is commonly used, upper case tags and mixed case tags are also valid and will be interpreted by the browser in the same way as lower case tags.

Q13 All the tags present in HTML are :
 (A) Non – Case Sensitive (B) Lower Case
 (C) Upper Case (D) Case Sensitive 
Solution:
The tags in HTML are not case sensitive, which means they can be written in either uppercase or lowercase or a combination of both So, options (A) is correct.
 

 

Q14 Which of the following Programming languages are used for Back end purpose :
 (A) C# (B) Ruby (C) Golang (D) All of the above
Solution:
All of the above programming languages – C#, Ruby, and Golang – can be used for back-end development.
C# is commonly used for building web applications with the ASP.NET framework, while Ruby is frequently used with the Ruby on Rails web framework for building web applications. Golang is also used for back-end development, particularly for building high-performance web applications and microservices.
Therefore, the correct option is (D) All of the above.
Q15 The attribute used to change the background color of an element in CSS 
 (A) bgcolor (B) color-bg
 (C) bg-color (D) background – color 
Solution:
The attribute used to change the background color of an element in CSS is (D) background-color.
This attribute is used to set the background color of an HTML element. It can take different values, including color names, RGB values, and hexadecimal color codes.
Option (A) bgcolor is an attribute used in HTML, but it is not used in CSS for setting the background color. Option (B) color-bg and (C) bg-color are not valid CSS attributes for setting the background color of an element.
Therefore, the correct option is (D) background-color.
Q16 Which of the following element does not belong to the w3-container class ?
 (A) <section> (B) <get>
 (C) <blockquote>. (D) <header> 
Solution:
 
The w3-container class is a class provided by the W3.CSS framework, which is used for creating containers to hold HTML elements.
Out of the given options, the <get> element does not belong to the w3-container class. However, it should be noted that <get> is not a standard HTML element, and it is not used in HTML markup.
On the other hand, <section>, <blockquote>, and <header> are all standard HTML elements, and they can be used within the w3-container class or any other container class in HTML.
Therefore, the correct option is (B) <get>.
Q17 “w3 – border” is one of the class used for w3.CSS tables which defines :
 (A) Bordered lines (B) Bordered Table (C) Dashed lines (D) None of these
Solution:
The “w3-border” class is used in the w3.CSS framework to add a border to an HTML element. When applied to a table element in HTML, it adds a border around the table.
Therefore, the correct option is (B) Bordered Table. The “w3-border” class in w3.CSS defines a bordered table.
Option (A) Bordered lines and option (C) Dashed lines are not specifically related to the “w3-border” class in w3.CSS. While a border can be a solid line or a dashed line, the “w3-border” class in w3.CSS does not specifically define a dashed border.
Q18 Which of the following are free web browsers ?
 (A) Opera (B) Mozilla Firefox
 (C) Brave (D) All of the above 
Solution:
All of the given options – Opera, Mozilla Firefox, and Brave – are free web browsers.
Opera and Mozilla Firefox have been available as free web browsers for many years, and they are well-established players in the web browser market. Brave is a relatively newer web browser that was launched in 2016, and it is also available for free.
Therefore, the correct option is (D) All of the above.
Q19 Which of the following selector is used to select elements whose attribute value ends with a
specified value.
 (A) [attribute=”value”] (B) [attribute$=”value”]
 (C) [$attribute=”value”] (D) [attribute^ =”value”]
Solution:
The correct selector used to select elements whose attribute value ends with a specified value is (B) [attribute$=”value”]. This selector is called the “suffix selector” and selects elements that have an attribute with a value that ends with the specified value.
For example, the selector [class$=”test”] would select all elements that have a class attribute with a value that ends with “test”, such as “example-test”, “my-test”, or “the-test”.
Option (A) [attribute=”value”] is the “exact match selector”, which selects elements with an attribute that has an exact value that matches the specified value.
Option (C) [$attribute=”value”] and (D) [attribute^=”value”] are not valid CSS selectors.
Therefore, the correct option is (B) [attribute$=”value”].
Q20 “This” is a :
 (A) Keyword (B) Function
 (C) Declaration Statement (D) Data Type
Solution:
“This” is a keyword in JavaScript that refers to the current object or context in which it is used. The value of “this” depends on how and where it is used in the code.
In JavaScript, “this” is often used in object-oriented programming to refer to the object that a method belongs to. It can also be used in event handlers and other functions to refer to the object that triggered the event or the context in which the function is called.
Therefore, the correct option is (A) Keyword.
Q21 A module in AngularJS can be created using :
 (A) angularjs.module (B) module.angular
 (C) angular.modules (D) angular.module
Solution:
In AngularJS, a module is a container for different parts of an application, such as controllers, services, directives, and filters.
To create a module in AngularJS, we use the angular.module() method. Therefore, the correct option is (D) angular.module.
For example, the following code creates a new module named “myApp” in AngularJS:
 
var app = angular.module(‘myApp’, []);
The above code creates a new module named “myApp” and stores it in the “app” variable. The second argument of the angular.module() method is an array that lists the dependencies of the module.
Option (A) angularjs.module and option (B) module.angular are not valid methods for creating a module in AngularJS. Option (C) angular.modules is not a valid property or method in AngularJS.
Therefore, the correct option is (D) angular.module.
Q22 The protocol HTTP works on which port ?
 (A) 20 (B) 80 (C) 21 (D) 443
Solution:
The HTTP protocol works on port 80.
Port 80 is a well-known port that is reserved for HTTP traffic, and it is the default port used by web browsers to connect to web servers.
Option (A) 20 and option (C) 21 are typically used for FTP (File Transfer Protocol) traffic. Option (D) 443 is used for HTTPS (HTTP Secure) traffic, which is a secure version of HTTP that uses SSL/TLS encryption.
Therefore, the correct option is (B) 80.
Q23 The alert() function in JavaScript is used for :
 (A) To display a virtual alert box
 (B) To display output on console
 (C) To evaluate the expression
 (D) Both (A) and (C) 
Solution:
The alert() function in JavaScript is used to display a message in an alert box, which is a small dialog box that pops up on the screen to notify the user of some information or to prompt them for some action. Therefore, option (A) “To display a virtual alert box” is correct.
For example, the following code displays an alert box with the message “Hello, world!” when the page is loaded:
<script>
  alert(“Hello, world!”);
</script>
The alert box is a modal dialog box, which means that the user cannot interact with the rest of the page until they close the alert box.
Option (B) “To display output on console” is incorrect. The console.log() function is used to display output on the browser console.
Option (C) “To evaluate the expression” is incorrect. The alert() function does not evaluate any expressions. It simply displays a message in an alert box.
Option (D) “Both (A) and (C)” is incorrect, as only option (A) is correct.
Therefore, the correct option is (A) To display a virtual alert box.
Q24 Function to insert values of a CSS variable is :
 (A) var() (B) rand() (C) varchar() (D) calc() 
Solution:
The function used to insert values of a CSS variable is var().
The var() function allows you to use a CSS variable in any property value that accepts a <length>, <percentage>, <number>, <color>, or <url>. It is used to insert the value of a CSS variable at a specific point in a property value.
For example, consider the following CSS code:
:root {
  –main-color: #007bff;
}
.button {
  background-color: var(–main-color);
  color: white;
}
In the above example, we define a CSS variable named “–main-color” and set its value to “#007bff”. We then use the var() function to insert the value of this variable as the background-color property of the “.button” class.
Option (B) rand() is not a valid function in CSS. Option (C) varchar() is not a valid function in CSS either. Option (D) calc() is a function in CSS, but it is used for performing calculations on values, not for inserting variable values.
Therefore, the correct option is (A) var().
Q25 A type of combinator in CSS is :
 (A) > (B) + (C) ~ (D) All of the above 
Solution:
All of the options (A), (B), and (C) are types of combinators in CSS.
The “>” (child) combinator selects only the direct child element of the parent element. For example, the following code selects all <p> elements that are direct children of <div> elements:
div > p {
  color: red;
}
The “+” (adjacent sibling) combinator selects the next sibling element that immediately follows the first element. For example, the following code selects all <p> elements that immediately follow <div> elements:
div + p {
  color: blue;
}
The “~” (general sibling) combinator selects all sibling elements that follow the first element, regardless of their position. For example, the following code selects all <p> elements that follow <div> elements:
div ~ p {
  color: green;
}
Therefore, the correct option is (D) All of the above.
Q26 <img src=”xyz.jpg” class=”w3-circle” alt=”Alps”>.
What is the usage of “alt” attribute in the above line of code ?
 (A) specifies an alternate text if the image is not displayed
 (B) displays an alternate text along with the image
 (C) displays the image only
 (D) None of these 
Solution:
The “alt” attribute in the above line of code specifies an alternate text if the image is not displayed.
The “alt” attribute provides a text description of the image for users who are visually impaired or who have disabled images in their browsers. The text description is displayed in place of the image in these situations, so that the user can still understand what the image is intended to convey. It also helps search engines understand the content of the image, which can improve accessibility and search engine optimization (SEO).
In the given code, the “alt” attribute is set to “Alps”, which provides a brief description of the image. The “class” attribute is set to “w3-circle”, which applies a circular border around the image using w3.css framework.
Therefore, the correct option is (A) specifies an alternate text if the image is not displayed.
Q27 Which of the following is true for HTTP protocol ?
 (A) Stateless (B) Statefull (C) Both (A) and (B) (D) None of these
Solution:
The HTTP (Hypertext Transfer Protocol) protocol is a stateless protocol.
This means that each request made by the client to the server is completely independent and unrelated to any previous requests. The server does not maintain any information about the client’s previous requests or sessions. Each request contains all the information needed by the server to process it and generate a response.
Although HTTP is a stateless protocol, it can be used to build stateful applications by using cookies or session management techniques to maintain state information on the client or server side.
Therefore, the correct option is (A) Stateless.
Q28 New layers in an image are always added to the :
 (A) Top of the stack (B) Bottom of the stack
 (C) middle of the stack (D) none of the above 
Solution:
In an image editing software, new layers are usually added to the top of the layer stack.
When a new layer is added to an image, it is placed on top of the existing layers in the layer stack. This means that the content of the new layer is visible on top of the content of the underlying layers. The layer stack is usually displayed in the Layers panel or palette of the image editing software, where you can see and manipulate the order of the layers.
However, some image editing software may allow you to specify where to insert a new layer in the layer stack, such as at the bottom or in between existing layers. In such cases, the behavior may depend on the specific software and settings being used.
Therefore, the correct option is (A) Top of the stack.
Q29 The HTML <iframe> tag specifies.
 (A) an inline frame (B) an outline frame
 (C) vertical frame (D) horizontal frame 
Solution:
The HTML <iframe> tag specifies an inline frame.
An inline frame is a container that can display another HTML document or web page within the current web page. The content of the inline frame is usually specified using the src attribute, which specifies the URL of the document or web page to be displayed. The width and height of the inline frame can also be specified using the width and height attributes.
The <iframe> tag is often used to embed external content such as videos, maps, or other web pages within a web page. It provides a way to integrate content from different sources into a single web page.
Therefore, the correct option is (A) an inline frame.
Q30 Which of the following is not a selection tool in Photoshop?
 (A) Marquee (B) Lasso (C) Grow (D) Reverse 
Solution:
The “Grow” tool is not a selection tool in Photoshop.
The Marquee, Lasso, and Magic Wand tools are examples of selection tools in Photoshop. These tools allow you to select specific areas of an image based on certain criteria, such as shape or color. The Marquee tool is used to make rectangular or elliptical selections, while the Lasso tool allows you to make freehand selections. The Magic Wand tool selects areas of similar color within an image.
The “Grow” command in Photoshop is used to expand an existing selection based on a set number of pixels. It is not a selection tool in itself but rather a command that can be used to modify an existing selection.
Therefore, the correct answer is (C) Grow.
Q31 The root element is another name of which of the following tags ?
 (A) <head> (B) <BODY> (C) < element > (D) < HTML > 
Solution:
The root element is another name for the <html> tag.
In HTML, the root element is the top-level element that contains all other elements in the document. It is the parent element of the <head> and <body> elements, and it defines the beginning and end of an HTML document.
Therefore, the correct answer is (D) <html>.
Q32 What are the following Indentation options available in the sublime text editor :
 (A) Indent (B) Unindent (C) Reindent (D) All Of the above 
Solution:
All of the options mentioned are available in the Sublime Text editor.
Indent: Adds an indentation level to the selected code or line(s). You can also use the “Tab” key to indent a line or block of code.
Unindent: Removes an indentation level from the selected code or line(s). You can also use the “Shift + Tab” key combination to unindent a line or block of code.
Reindent: Adjusts the indentation of the selected code or line(s) according to the syntax rules of the language being used. This is useful when you copy and paste code from another source, and the indentation is not correct.
Therefore, the correct answer is (D) All of the above.
Q33 AngularJS developed by________and follows __________ .
 (A) Misko Hevery, Model View Controller
 (B) Elon Musk, Model View Data
 (C) Bill Gates, Spiral Model
 (D) Amazon, Model View System 
Solution:
(A) Misko Hevery, Model View Controller
Q34 Document Object Model represents :
 (A) Whole HTML Document (B) only <title> element
 (C) <body>..</body> element (D) none of the above 
Solution:
(A) Whole HTML Document
Q35 Id selector is donated by the :
 (A) # (B) 1#
 (C) * (D) None of the above 
Solution:
The correct option is A) #. The id selector in CSS is represented by the hash symbol (#), followed by the id value of the element that is to be selected. For example, to select an element with an id value of “my-element”, the CSS selector would be “#my-element”.

For more Post please visit O Level Previous Year Questions With Answer  Post

For More technical contents please visit over another website 

Hope so, you enjoy the post M2-R5 : WEB DESIGNING & PUBLISHING July 2022 with Solution for more content don’t forget to like our channel.

#M2-R5 : WEB DESIGNING & PUBLISHING July 2022 with Solution #M2-R5 : WEB DESIGNING & PUBLISHING with Solution

 

Leave a Comment

Your email address will not be published. Required fields are marked *

Shopping Cart

You cannot copy content of this page