<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
Free Python Course From Basic to Advanced?
https://www.udemy.com/course/basic-python-course-for-beginner/
Apply Coupon Code: EA4223AA475EF7C8FDF7
https://www.udemy.com/course/basic-python-course-for-beginner/
Apply Coupon Code: EA4223AA475EF7C8FDF7
Udemy
Python Course From Basic to Advanced
Get started with Python programming from scratch with hands-on exercises in this beginner friendly Python tutorial!