O Level Practical Exam Question-Answer
Q-1:
Create a page with two frames using HTML.The Left frame of page contains the list of Names and Images of the Indian National Leaders. on the left frame when you click on the images, the details will be shown on the right frame.
https://youtu.be/X1X1XzWpyA8
Q-1:
Create a page with two frames using HTML.The Left frame of page contains the list of Names and Images of the Indian National Leaders. on the left frame when you click on the images, the details will be shown on the right frame.
https://youtu.be/X1X1XzWpyA8
YouTube
O Level Practical Exam Question-Answer | web designing and Publishing |
O Level Practical Exam Question-Answer
Question:
Create a page with two frames using HTML.The Left frame of page contains the list of Names and Images of the Indian National Leaders. on the left frame when you click on the images, the details will be shown…
Question:
Create a page with two frames using HTML.The Left frame of page contains the list of Names and Images of the Indian National Leaders. on the left frame when you click on the images, the details will be shown…
In HTML has two type of Elements
--------------------------------
1-Block Elements
2-Inline Elements
1-Block Elements:
block elements add a line break before and after them
* <div> tag is a block element
* Other block elements are <table>,<hr>, Headings, List (<ul>,<ol>), <p> and etc.
2-Inline Elements:
inline elements don't break the text before and after them
* <span> is an inline elements.
* Most HTML elements are inline, for Ex: <a>
What is DIV:
the <div> tag defines a division or a section in an HTML document. creates logical division within a page.
--------------------------------
1-Block Elements
2-Inline Elements
1-Block Elements:
block elements add a line break before and after them
* <div> tag is a block element
* Other block elements are <table>,<hr>, Headings, List (<ul>,<ol>), <p> and etc.
2-Inline Elements:
inline elements don't break the text before and after them
* <span> is an inline elements.
* Most HTML elements are inline, for Ex: <a>
What is DIV:
the <div> tag defines a division or a section in an HTML document. creates logical division within a page.
<DIV> tag support all global attributes....
Class
ID
Style
lang
dir
title
tabindex
contenteditable
hidden
spellcheck
Class:
refers to a class in a style sheet
ID:
Specifies a unique id for an element
Style:
Specifies an inline CSS style for an element
lang:
Specifies the language of the element's content
dir:
Specifies the text direction for the content in an element
title:
Specifies extra information about an element.
tabindex:
Specifies the tabbing order of an element
contenteditable
Specifies whether the content of an element is editable or not
hidden:
Specifies that an element is not yet, or is no longer, relevant.
spellcheck:
Specifies whether the element is to have its spelling and grammar checked or not
Ex:
<html>
<body>
<p contenteditable="true" spellcheck="true">
This is a praggagraph. It is editable.</p>
First name: <input type="text" name="fname" spellcheck="true">
</body>
</html>
Class
ID
Style
lang
dir
title
tabindex
contenteditable
hidden
spellcheck
Class:
refers to a class in a style sheet
ID:
Specifies a unique id for an element
Style:
Specifies an inline CSS style for an element
lang:
Specifies the language of the element's content
dir:
Specifies the text direction for the content in an element
title:
Specifies extra information about an element.
tabindex:
Specifies the tabbing order of an element
contenteditable
Specifies whether the content of an element is editable or not
hidden:
Specifies that an element is not yet, or is no longer, relevant.
spellcheck:
Specifies whether the element is to have its spelling and grammar checked or not
Ex:
<html>
<body>
<p contenteditable="true" spellcheck="true">
This is a praggagraph. It is editable.</p>
First name: <input type="text" name="fname" spellcheck="true">
</body>
</html>
Question: What is float property and what float do?
Answer:
float pushes an element to the sides of a page with text wrapped around it. you can create entire page or a smaller area by using float. if size of a floated element changes, text around it will re-flow to accommodate the changes. You can have float left, right, none or inherit.
if you set, 'float: left;' for an image, it will move to the left until the margin, padding or border of another block-level element is reached. The normal flow will wrap around on the right side.
————————————————————————-
Ex:
<div class="container">
<div class="box"><span>1</span></div>
<div class="box"><span>2</span></div>
<div class="box"><span>3</span></div>
<div class="box"><span>4</span></div>
<div class="box"><span>5</span></div>
</div>
CSS:
<style>
.floatContainer{
width: 200px;
height: 100px;
border: 2px solid purple;
}
.box{
float: left;
width: 50px;
height: 30px;
border: 2px solid gray;
margin: 5px;
}
</style>
Answer:
float pushes an element to the sides of a page with text wrapped around it. you can create entire page or a smaller area by using float. if size of a floated element changes, text around it will re-flow to accommodate the changes. You can have float left, right, none or inherit.
if you set, 'float: left;' for an image, it will move to the left until the margin, padding or border of another block-level element is reached. The normal flow will wrap around on the right side.
————————————————————————-
Ex:
<div class="container">
<div class="box"><span>1</span></div>
<div class="box"><span>2</span></div>
<div class="box"><span>3</span></div>
<div class="box"><span>4</span></div>
<div class="box"><span>5</span></div>
</div>
CSS:
<style>
.floatContainer{
width: 200px;
height: 100px;
border: 2px solid purple;
}
.box{
float: left;
width: 50px;
height: 30px;
border: 2px solid gray;
margin: 5px;
}
</style>
*--ASP.Net Worker Process and ISAPI--*
Q-What is Worker Process?
"The "Process" which is responsible for processing Asp.net application request and sending back response to the client , is known as "Worker Process". All ASP.NET functionalities runs within the scope of this process."
So finally I can write it...
"Process which is responsible for all asp.net requests and response cycle is known as worker process."
Q-What about Worker process in Web Farm?
A Web farm contains multiple ASP.NET worker processes.
Each server in the group of servers handles a separate ASP.NET worker process.
Q-What about Worker process in Web Garden?
A Web garden contains multiple ASP.NET worker processes.
Each CPU in the SMP server handles a separate ASP.NET worker process.
Let's See the Worker Process
Running IIS 5.0: Aspnet_wp.ex
Running IIS 6.0: W3wp.exe
Q-What is ISAPI ?
ISAPI is the first and highest performance entry point into IIS for custom Web Request handling
ISAPI (Internet Server Application Program Interface) is a set of Windows program (APIs (DLL)) calls that let you write a Web server application that will run faster than a common gateway interface (CGI) application.
Q-What is Worker Process?
"The "Process" which is responsible for processing Asp.net application request and sending back response to the client , is known as "Worker Process". All ASP.NET functionalities runs within the scope of this process."
So finally I can write it...
"Process which is responsible for all asp.net requests and response cycle is known as worker process."
Q-What about Worker process in Web Farm?
A Web farm contains multiple ASP.NET worker processes.
Each server in the group of servers handles a separate ASP.NET worker process.
Q-What about Worker process in Web Garden?
A Web garden contains multiple ASP.NET worker processes.
Each CPU in the SMP server handles a separate ASP.NET worker process.
Let's See the Worker Process
Running IIS 5.0: Aspnet_wp.ex
Running IIS 6.0: W3wp.exe
Q-What is ISAPI ?
ISAPI is the first and highest performance entry point into IIS for custom Web Request handling
ISAPI (Internet Server Application Program Interface) is a set of Windows program (APIs (DLL)) calls that let you write a Web server application that will run faster than a common gateway interface (CGI) application.
Basic CSS Question:
Q-1:CSS Font Size:
You can set the size of the text used in an element by using the fontsize property.
syntax:
font-size: value;
There are alot of choices for values:
1- xx-large
2- x-large
3- larger
4- large
5- medium
6- small
7- smaller
8- x-small
9- xx-small
10-length
11-% (percent)
----------------------------------
Q-2 Text Decoration:
You can decorate text with the following:
syntax:
text-decoration: value;
Possible values are:-
1- none
2- underline
3- overline
4- line through
5- blink
-----------------------------
Q-3 Text Transform
You can control the size of letters in an HTML element with the
following CSS properties:
syntax: text-transform: value;
Possible values are-
1- none
2- capitalize
3- lowercase
4- uppercase
-----------------------------------
Q-4 Word Spacing
You can adjust the space between words in the following manner. You
can use negative values.
Possible values are:-
1- normal
2- length
Example: word-spacing: value;
word-spacing: 10px;
---------------------------------
Q-5 Font Style:
You can set the style of text in a element with the font-style property
font-style: value;
Possible values are:-
1- normal
2- itailc
3- oblique
example:
font-style:italic;
-------------------------
Q-6 Cursor CSS property:
You can control the style of cursor to be used in an element with the
cursor property
syntax: cursor: value;
Values:
1- auto
2- crosshair
3- default
4- help
5- move
6- pointer
7- text
8- url
9- wait
10- e-resize
11- ne-resize
12- nw-resize
13- n-resize
14- se-resize
15- sw-resize
16- s-resize
17- w-resize
Q-1:CSS Font Size:
You can set the size of the text used in an element by using the fontsize property.
syntax:
font-size: value;
There are alot of choices for values:
1- xx-large
2- x-large
3- larger
4- large
5- medium
6- small
7- smaller
8- x-small
9- xx-small
10-length
11-% (percent)
----------------------------------
Q-2 Text Decoration:
You can decorate text with the following:
syntax:
text-decoration: value;
Possible values are:-
1- none
2- underline
3- overline
4- line through
5- blink
-----------------------------
Q-3 Text Transform
You can control the size of letters in an HTML element with the
following CSS properties:
syntax: text-transform: value;
Possible values are-
1- none
2- capitalize
3- lowercase
4- uppercase
-----------------------------------
Q-4 Word Spacing
You can adjust the space between words in the following manner. You
can use negative values.
Possible values are:-
1- normal
2- length
Example: word-spacing: value;
word-spacing: 10px;
---------------------------------
Q-5 Font Style:
You can set the style of text in a element with the font-style property
font-style: value;
Possible values are:-
1- normal
2- itailc
3- oblique
example:
font-style:italic;
-------------------------
Q-6 Cursor CSS property:
You can control the style of cursor to be used in an element with the
cursor property
syntax: cursor: value;
Values:
1- auto
2- crosshair
3- default
4- help
5- move
6- pointer
7- text
8- url
9- wait
10- e-resize
11- ne-resize
12- nw-resize
13- n-resize
14- se-resize
15- sw-resize
16- s-resize
17- w-resize
1-css position property
https://youtu.be/e01pGTr8DY0
https://youtu.be/e01pGTr8DY0
YouTube
O Level | CSS Position Properties: Relative Absolute static sticky fixed | 05
CSS Position Properties:
Position has 5 Values
1. Static
2. Relative
3. Absolute
4. Fixed
5. Sticky
Important Properties with Position
• Left:5px
• Right:10px
• Top:5px
• Bottom: 10px
The position property set an element positioning to display in web page.…
Position has 5 Values
1. Static
2. Relative
3. Absolute
4. Fixed
5. Sticky
Important Properties with Position
• Left:5px
• Right:10px
• Top:5px
• Bottom: 10px
The position property set an element positioning to display in web page.…
Shopping Website aspdotnet CODERBABA.rar
7.6 MB
Shopping Website ASP.NET C# Project with complete source code and Database
CB Pharmacy VB dot net Project.rar
1.6 MB
mEDICAL sTORE OR PHARMACY MINI PROJECT vB DOT NET
What is w3css Container and panel?:
Ans:
* - most important classes, and it’s commonly used for <div> tag, <header>, and <footer> tags.
*- using "w3-container" class we create container and "w3-panel" class we created panel.
*- The "w3-container" class adds a 16px left and right padding ,
while the "w3-panel" class adds a 16px top and bottom margin and a 16px left and right padding to an element.
Ans:
* - most important classes, and it’s commonly used for <div> tag, <header>, and <footer> tags.
*- using "w3-container" class we create container and "w3-panel" class we created panel.
*- The "w3-container" class adds a 16px left and right padding ,
while the "w3-panel" class adds a 16px top and bottom margin and a 16px left and right padding to an element.
w3css Button class:
The w3-button class create your own desired buttons. variations of the button classes available:
1- w3-button —
a rectangular button with a gray hover effect. The default color is light gray . The default color is inherited from the parent element .
2- w3-bar —
a horizontal bar that can be used to group buttons together
(perfect for horizontal navigation menus)
3- w3-block —
a class that can be used to define a full-width (100%) button.
4- w3-circle —
can be used to define a circular button.
Example:
<button class="w3-button w3-green">w3-button</button>
<button class="w3-button w3-block w3-blue">w3-block</button>
<button class="w3-button w3-circle w3-red">+</button>
The w3-button class create your own desired buttons. variations of the button classes available:
1- w3-button —
a rectangular button with a gray hover effect. The default color is light gray . The default color is inherited from the parent element .
2- w3-bar —
a horizontal bar that can be used to group buttons together
(perfect for horizontal navigation menus)
3- w3-block —
a class that can be used to define a full-width (100%) button.
4- w3-circle —
can be used to define a circular button.
Example:
<button class="w3-button w3-green">w3-button</button>
<button class="w3-button w3-block w3-blue">w3-block</button>
<button class="w3-button w3-circle w3-red">+</button>
Card:
the "w3-card" class is a useful class to provide a paperlike effect.
w3css Display:
display elements at a specific position via the display class. You need to have a parent <div> as a container.
example:
<div class="w3-display-container w3-red" style="height:300px;">
<div class="w3-display-topleft">Top Left</div>
<div class="w3-display-topright">Top Right</div>
<div class="w3-display-bottomleft">Bottom Left</div>
<div class="w3-display-bottomright">Bottom Right</div>
<div class="w3-display-left">Left</div>
<div class="w3-display-right">Right</div>
<div class="w3-display-middle">Middle</div>
<div class="w3-display-topmiddle">Top Middle</div>
<div class="w3-display-bottommiddle">Bottom Middle</div>
</div>
the "w3-card" class is a useful class to provide a paperlike effect.
w3css Display:
display elements at a specific position via the display class. You need to have a parent <div> as a container.
example:
<div class="w3-display-container w3-red" style="height:300px;">
<div class="w3-display-topleft">Top Left</div>
<div class="w3-display-topright">Top Right</div>
<div class="w3-display-bottomleft">Bottom Left</div>
<div class="w3-display-bottomright">Bottom Right</div>
<div class="w3-display-left">Left</div>
<div class="w3-display-right">Right</div>
<div class="w3-display-middle">Middle</div>
<div class="w3-display-topmiddle">Top Middle</div>
<div class="w3-display-bottommiddle">Bottom Middle</div>
</div>
New video out today:
https://youtu.be/OwVXLQfI1rM
https://youtu.be/OwVXLQfI1rM
YouTube
02 Mini Project | Online Shopping Website |ASP.NET C# |SQL SERVER | #CODERBABA | In Hindi
02 Mini Project | Online Shopping Website | Admin Login & Dashboard | ASP.NET C# |SQL SERVER | #CODERBABA |In Hindi ..
Follow: https://youtu.be/bUFQ_6rB0dQ
Download E-Shopping website Complete Project= https://bit.ly/3tTaKCU
My GitHub: https://github.com/baliramyadav…
Follow: https://youtu.be/bUFQ_6rB0dQ
Download E-Shopping website Complete Project= https://bit.ly/3tTaKCU
My GitHub: https://github.com/baliramyadav…
Prefix increment (++A):
If you use the ++ operator as a prefix like: ++A, the value of 'A' is incremented by 1; then it returns the New incremented value.
Example 1:
var A=2;
document.write(++A);
output:
3
-----------------------------
Postfix Increment (A++):
If you use the ++ operator as a postfix like: A++, the original value of A is returned first; then A is incremented by 1.
Example :
B=2;
doucument.write(B++);
output: 2
Note: here B++ return old value which is 2 and then after printing 2 it will increment value of B by 1
---------------------------
some examople:
Ex: 1
var a=10;
++a; increment value of a by 1
document.write(a);
document.write("<br>");
document.write(++a); //increment the value of a by 1 then display output
----------------------
output
11
12
-------------------------
ex:2
var num=5;
var result= (++num) + (++num) + (++num);
document.write(result);
------------------------
ex:3
var a=4;
document.write(++a); //increment the value of a by 1 then display output
document.write("<br>");
document.write(a++);// display output then increment the value of a by 1
output:
5
5
If you use the ++ operator as a prefix like: ++A, the value of 'A' is incremented by 1; then it returns the New incremented value.
Example 1:
var A=2;
document.write(++A);
output:
3
-----------------------------
Postfix Increment (A++):
If you use the ++ operator as a postfix like: A++, the original value of A is returned first; then A is incremented by 1.
Example :
B=2;
doucument.write(B++);
output: 2
Note: here B++ return old value which is 2 and then after printing 2 it will increment value of B by 1
---------------------------
some examople:
Ex: 1
var a=10;
++a; increment value of a by 1
document.write(a);
document.write("<br>");
document.write(++a); //increment the value of a by 1 then display output
----------------------
output
11
12
-------------------------
ex:2
var num=5;
var result= (++num) + (++num) + (++num);
document.write(result);
------------------------
ex:3
var a=4;
document.write(++a); //increment the value of a by 1 then display output
document.write("<br>");
document.write(a++);// display output then increment the value of a by 1
output:
5
5
Wokring of Increment and Decrement Operators:
example:
<script>
var a, b, c;
a = 10;
b = 20;
c = 1;
c += (a++) * (5) - (--b);
document.write(c);
</script>
----------------------------
step by step execution:
Step 1- a++ is postfix, the current value of a will be used
C+= 10 * 5 - --b;
Step 2- (--b) is prefix, the value of b will be decremented than use values of b.
C+= 10 * 5 - 19;
Step 3- multiply 10 * 5
C+= 50 - 19;
Step 4 - subtract 50-19;
C+=31;
Step 5- (+=) we can write it as x=x+1 or C=31+1
C=31+1;
or c+=31
than
final Result is
C=32;
------------------------
output of C is = 32
example:
<script>
var a, b, c;
a = 10;
b = 20;
c = 1;
c += (a++) * (5) - (--b);
document.write(c);
</script>
----------------------------
step by step execution:
Step 1- a++ is postfix, the current value of a will be used
C+= 10 * 5 - --b;
Step 2- (--b) is prefix, the value of b will be decremented than use values of b.
C+= 10 * 5 - 19;
Step 3- multiply 10 * 5
C+= 50 - 19;
Step 4 - subtract 50-19;
C+=31;
Step 5- (+=) we can write it as x=x+1 or C=31+1
C=31+1;
or c+=31
than
final Result is
C=32;
------------------------
output of C is = 32