Saturday 13 March 2021

Money v/s relationship Formula

 

Money v/s relationship Formula


(A).Initially money importance in human life

when human is born at the earth then he/she never understand what is money because his life

is undertake her parents near about 12 years he is not understand what is the role of money

in human life but many times many persons understand the importance of money because her parents

are strike or money less or he loses her parents in her life. every this is very complicated.

soundly if any person said you what is important in your life your parents your wife or other

relations or money. then your answer is one my parents my family.

(B).In middle life money importance in human life

suppose you are passed graduate and taking your all education and fished your education time. And 

you are jobless and have no money and you are married and have a daughter then what condition

of your mind what is the imported your family your parents you or money. because without money 

you never got any type of materials which is used in your life like food cloths house materials

etc. In this situations anyone tell you what is the important money or your relations wife daughter

or any relations. then your answer is nothing you could not understand what is the correct answers

money or my good relations.

(c).What is role of God in human life

In this condition you come to near our God and pray sometimes one day

you visiting any temple guraddwara and further God home but seen every one when enter God house

take some materials like flowers milk candled clothes etc. but you could not do it .so God unhappy

from you (it is right or rowing undefined matter) but your condition is never happy. Now any one 

tell you what is important in your life your family or money or God. Then you can say slowly 

God because we can pray from God to give money and take care my family.

(D).What is want to God from human

God take something from you because God is a supreme power and he understand every think and 

work in won style. like if gave some in God home then find you more according to your condition.

God never compared your others. he is making you wander full and desired you do some worked in 

and condition and called materials from sources that are presents at the earths in right way.

(E)What is good way of earning money

now you see in other manners you want to making large amount money in short time. Then you

starting in wrong way and collecting many more money. day to day are making more money

and you go to market doing marking and everything parched according to your needs 

do many more and do something right work. But one police are coming and are set you

your family never go there only you going there and every one pushed you and say you

are very bad .so please never making money in row way.

in your relation which is really love you never seen your condition he is always love you.

that person is very important in your life but is very difficult to identify that persons 

how is really love you because that time money time every like money and materials.

(F).How protected and collect more money

Money is more important in human life at the present time because without money nothing 

is possible so please collect more money in right way. Now it is more important your money

present in your wallet nothing knows about it. if one knows about your money then money 

never stop in your wallet is go anywhere sadly.





Thursday 4 February 2021

Write HTML code to display a text Welcome to online exam 2020"having font size 30 and font colour green using only CSS

 Write HTML code to display a text Welcome to online exam 2020"having font size 30 and font colour green using only CSS

this problems is so simple you can solve it in many ways in html programming

here we give some example try any one 

example no.1

<html>

<head>

<title>Welcome to online exam 2020</title>

<style>

#newtext

{

color:green;

font-size:30px;

}


</style>

<body>

<h1 id="newtext">Welcome to online exam 2020</h1>

</body>

</html>

</head>


example 2

<html>
<head>
<title>Welcome to online exam 2020</title>
<style>
#newtext
{
color:green;
font-size:30px;
}

</style>
<body>
<div id="newtext">Welcome to online exam 2020</div>
</body>
</html>
</head>

Use Arithmetic operator in JavaScript

 

Use Arithmetic operator in JavaScript

Arithmetic operator is a simple operator that are used in human life like addition, subtraction, multiplication, division, and mode. individually when any person moves in society and make some inventory event and calculate area of any filed or mapping any distance and take weight then use arithmetic operator. if any shopper sale or purchase any item then use arithmetic operator. In lower classes student learn in math's subject use of arithmetic operator. Arithmetic operators are used to perform arithmetic operations. Following are the arithmetic operators used in JavaScript Language?
OperatorMeaningExampleResult
+addition5+27
-subtraction5-23
xMultiplication5x210
/division5/22
%Modulus5%21


How use arithmetic operator in JavaScript with in HTML programs

In the JavaScript arithmetic operators are used to calculate a variable value
Within JavaScript tag.when  JavaScript file write separately and save with extension .js
then add it in html program by lik tag as like
<link rel="javascript" type="text/javascript" href="tpe full with name and extension of javascript file/>
Or you can use JavaScript tag with html file under the header tags
here we give some example to using arithmetic operators for arithmetic operations

Example 1

Open note pad and type fallowing code save with .HTML extension and open with any web browser.
Look JavaScript code 
<Script>
var  number1=10;
var number2=20;
var sum=number1+number2;
var mul=number1*number2
var sub=number1-number2;
var div=number1/number2;
var mod=number1/number1;
document.write("sum fo two number="+sum );
document.write("</br>Multiplication of two number="+mul);
document.write("</br>Division of two number="+div);
document.write("</br>Substraction of two number="+sub);
document.write("</br>Mode of two number="+mod);
</Script>

output look like this

sum fo two number=30
Multiplication of two number=200
Division of two number=0.5
Substraction of two number=-10
Mode of two number=1

Example 2

Open note pad and type fallowing code save with .HTML extension and open with any web browser.
<html>
<head>
<title>arithmetic operations.</title>

<Script type="text/javascript">
function makeresult()
{
var  number1=Number(document.getElementById("one").value);
var number2=Number(document.getElementById("two").value);
var sum=number1+number2;
var mul=number1*number2;
var sub=number1-number2;
var div=number1/number2;
var mod=number1/number2;
document.getElementById("summ").value=sum;
document.getElementById("mull").value=mul;
document.getElementById("divv").value=sub;
document.getElementById("subb").value=div;
document.getElementById("modd").value=div;

}
</Script>
</head>
<body bgcolor="green">
<center>
<table border="5" bgcolor="yellow">
<form  method="GET" action="index.html">
<tr><td colspan="2" align="center" >Arithmetic operations.</td></tr>
<tr><td>Enter the frist Number</td><td><input type="text" id="one" name="one"/></td></tr>
<tr><td>Enter the second Number</td><td><input type="text" id="two" name="two"/></td></tr>
<tr><td align="right">Result:</td><td><input type="text" id="summ" name="summ"/></td></tr>
<tr><td align="right">Result:</td><td><input type="text" id="mull" name="mull"/></td></tr>
<tr><td align="right">Result:</td><td><input type="text" id="subb" name="subb"/></td></tr>
<tr><td align="right">Result:</td><td><input type="text" id="divv" name="divv"/></td></tr>
<tr><td align="right">Result:</td><td><input type="text" id="modd" name="modd"/></td></tr>
<tr><td align="center" colspan="2" align="center"><input type="button" value="calculate" onclick="makeresult()"/></td></tr>
</form>
<table>
</body>
</html>

OUT PUT OF THIS PROGRAMS


Wednesday 27 January 2021

free downloads yellow color Responsive menu source code



 free downloads yellow color Responsive menu source code

downloads menu with following features

background color web page = pink

active menu color=yellow

active menu text color=white

default menu text color=yellow

default menu background color=black

navigation menu background color=brown

you can use these menu need you can downloads font-awesome.min.css  and save same directory where save html code 

or lik font-awesome.min.css by url .

free yellow Responsive menu HTML source code?

<html>

<head>

<title> menu yellow color responsive</title>

<link rel="stylesheet" href="font-awesome.min.css">

<link rel="stylesheet" href="my.css">


</head>

<body bgcolor="pink">


<div class="topnav" id="myTopnav">

  <a href="#home" class="active">Home</a>

  <a href="#news">News</a>

  <a href="#contact">Contact</a>

  <a href="#about">About</a>

  <a href="javascript:void(0);" class="icon" onclick="myFunction()">

    <i class="fa fa-bars"></i>

  </a>

</div>


<div style="padding-left:16px">

  <h2>Responsive Topnav Example</h2>

  <p>Resize the browser window to see how it works.</p>

</div>


<script>

function myFunction() {

  var x = document.getElementById("myTopnav");

  if (x.className === "topnav") {

    x.className += " responsive";

  } else {

    x.className = "topnav";

  }

}

</script>

</body>

</html>

free yellow Responsive menu css source code?

my.css

.topnav {

  background-color: #333;

  overflow: hidden;

}



.topnav a {

  float: left;

  display: yellow;

  color: yellow;

  text-align: center;

  padding: 14px 16px;

  text-decoration: none;

  font-size: 17px;

}



.topnav a:hover {

  background-color: brown;

  color: black;

}



.topnav a.active {

  background-color: yellow;

  color: white;

}



.topnav .icon {

  display: none;

}


@media screen and (max-width: 600px) {

  .topnav a:not(:first-child) {display: none;}

  .topnav a.icon {

    float: right;

    display: block;

  }

}



@media screen and (max-width: 600px) {

  .topnav.responsive {position: relative;}

  .topnav.responsive a.icon {

    position: absolute;

    right: 0;

    top: 0;

  }

  .topnav.responsive a {

    float: none;

    display: block;

    text-align: left;

  }

}

output



what is vertical menu and how create vertical menu from CSS without using ul tags

 when any one start creating websites then firstly need a menu now it is most important you learn some
Technic to creating menu for websites,if all menu work smoothly and show properly then your websites count as a good website.

In this post we learn as given topics.

(a) what is the use of menu in any website.

(b)what is menu.

(c) what places in it field where needs menus.

(d)how create menu without using <ul> tags.

(e)what basic technology using to creating in website menus.

(f)you see whole source code of vertical menus.

(g)conclusion.

(a)What is the use of menu in any website?

when any person visiting or suffering any website then he sees firstly home page of these website.

At the home page included most imported hyperlinks of website content. Every website 

has more than more information and divided in subtopics for users understanding. Like

under the home pages several links and under about page include about company mythology

and targets and under contacts fill query for contenting websites owners and under service

page include what types of sever ice provided by company or websites.it is depending upon type of

websites.

menu is using to jumping at the related pages information like when click at services then find all

information about provided services by websites.one websites has more than one menu. Number 

menus do not fix it is depending on websites.

(b)what is menu?

menus are two types (I)software application menu (ii)websites or web application menu

software application menus are basic menus like file menu, edit menu, format menu, view menu, help menu etc.

website menus are use as hyperlinks that connected one web page to another web pages.

(c)what places in it field where needs menus?

menus are using at two places one is using in the software application programs and second is using in the websites or web application programs.

(d)how create menu without using <ul> tags?

Generally, when creating website menu then using unordered list tags and formatted by css. mostly website designer using <ul> tag to creating 

menu but sometimes you use <div> tag in creating menu. If you want to creating vertical and beautiful menu, then use <div> tag.

(e)what basic technology using to creating in website menus?

In website menu creation using HTML and CSS technology, now if you learnt creating menu then first need you learn 

HTML and CSS.

(f)you see whole source code of vertical menus?

<html>

<head>

<title> vertical menu</title>

<style>


.vertical-menu a {

  background-color:white; /* white background color */

  color: brown; /* brown text color */

  display: block; /* Make the links appear below each other */

  padding: 14px; /* Add some padding */

  text-decoration: none; /* Remove underline from links */

}


.vertical-menu a:hover {

  background-color: silver; /* silver background on mouse-over */

}


.vertical-menu a.active {

  background-color:pink; /* Add a pink color to the "active/current" link */

  color: white;

}

.vertical-menu {

  width: 250px;

  height: 300px;

  overflow-y: auto;

}

</style>

</head>

<body bgcolor="green">

<div class="vertical-menu">

  <a href="#" class="active">Home</a>

  <a href="#">product</a>

  <a href="#">services</a>

  <a href="#">about</a>

  <a href="#">contact us</a>

</div>

</body>

</html>

output:



(g)conclusion.

copy code and paste in html editor programs and save with .html extension and test out put or you can 

use in you website application programs this a very simple and knowledge full post for you please share with

your friends for growing this blogs. write comments and share your question .



Tuesday 26 January 2021

HTML scientific calculator front end tool and back end tools

 HTML scientific calculator front end tool and back end tools

In this post we learn how to make  calculator form HTML and CSS ,generally 

calculator are two types one is the simple calculator and other is scientific calculator.

simple calculator

a simple calculator only doing some arithmetic function like addition,subtraction,

multiplication ,percentage ,and dividation etc.

scientific calculator

scientific calculator doing arithmetic function also scientific calculator doing

some other function like logarithm, exponential value ,cas ,tan ,and radius and

many more function depending on scientific calculator devices.

front end tool of scientific calculator means what is the structure of calculator and

what type of it front screen where you works and back end tools how to completed 

it operation like  Square root,Percentage,Factorial,Constants (pie, Euler constant, log, base e, log 10 base e),

Exponent log base 2, 10, e,Power Sin, Tan, Cos (enter angle in radians ) etc.

simple calculator html and js source code.

<html>
<head>
<title>simple calculater html and js code</title>
<script>
//function for displaying values
function dis(val)
{
document.getElementById("edu").value+=val
 }
//function for evaluation
function solve()
{
let x = document.getElementById("edu").value
let y = eval(x)
document.getElementById("edu").value = y
}
//function for clearing the display
function clr()
{
document.getElementById("edu").value = ""
}
</script>
</head>
<body bgcolor="silver">
 <center>

<table border="2" bordercolor="blue">
<tr>
<td><input type="button" value="c" onclick="clr()"/ style="width:50px;background:brown; height:50px;"> </td>
<td colspan="3"><input type="text" id="edu"/  style="width:100%;background:yellow; height:50px;"></td>
<!-- clr() function will call clr to clear all value -->
</tr>
<tr>
<!-- creating buttons and assigning values-->
<td><input type="button" value="+"  onclick="dis('+')" style="width:100%;background:brown; height:50px;"/> </td>
<td><input type="button" value="1" onclick="dis('1')" style="width:100%;background:brown; height:50px;"/> </td>
<td><input type="button" value="2" onclick="dis('2')" style="width:100%;background:brown; height:50px;"/> </td>
<td><input type="button" value="3" onclick="dis('3')" style="width:100%;background:brown; height:50px;"/> </td>
</tr>
<tr>
<td><input type="button" value="-" onclick="dis('-')" style="width:100%;background:brown; height:50px;"/> </td>
<td><input type="button" value="4" onclick="dis('4')" style="width:100%;background:brown; height:50px;"/> </td>
<td><input type="button" value="5" onclick="dis('5')" style="width:100%;background:brown; height:50px;"/> </td>
<td><input type="button" value="6" onclick="dis('6')" style="width:100%;background:brown; height:50px;"/> </td>
</tr>
<tr>
<td><input type="button" value="*" onclick="dis('*')" style="width:100%;background:brown; height:50px;"/> </td>
<td><input type="button" value="7" onclick="dis('7')" style="width:100%;background:brown; height:50px;"/> </td>
<td><input type="button" value="8" onclick="dis('8')" style="width:100%;background:brown; height:50px;"/> </td>
<td><input type="button" value="9" onclick="dis('9')" style="width:100%;background:brown; height:50px;"/> </td>
</tr>
<tr>
<td><input type="button" value="/" onclick="dis('/')" style="width:100%;background:brown; height:50px;"/> </td>
<td><input type="button" value="." onclick="dis('.')" style="width:100%;background:brown; height:50px;"/> </td>
<td><input type="button" value="0" onclick="dis('0')" style="width:100%;background:brown; height:50px;"/> </td>
<!-- Evaluating function call eval()-->
<td><input type="button" value="=" onclick="solve()" style="width:100%;background:brown; height:50px;"/> </td>
</tr>
</table>
</center>
</body>
</html>
output  as like image.




scientific calculator html css and js source code

<!DOCTYPE html> 
<html> 
<head> 
<title> Scientific Calculator using HTML, CSS and Js </title> 
<!-- CSS property to create interactive 
calculator interface -->
<style> 
#btn { 
width: 100%; 
height: 40px; 
font-size: 30px; 
input[type="button"] { 
background-color:brown; 
color: black; 
border: solid black 2px; 
width:100% 
/* Set input textarea */ 
input[type="text"] { 
background-color:yellow; 
border: solid black 2px; 
width:100% 
</style> 
<script> 
/* Creating function in HTML for backspace operation */ 
function backspace(calc) {  
size = calc.display.value.length; 
calc.display.value = calc.display.value.substring(0, size-1); 
/* Creating function to calculate factorial of element */ 
function calculate(calc) { 
/* Check if function include ! character then 
calculate factorial of number */ 
if(calc.display.value.includes("!")) { 
size = calc.display.value.length; 
n = Number(calc.display.value.substring(0, size-1)); 
f = 1; 
for(i = 2; i <= n; i++) 
f = f*i; 
calc.display.value = f; 
/* If function include % character then calculate 
the % of number */ 
else if(calc.display.value.includes("%")) { 
size = calc.display.value.length; 
n = Number(calc.display.value.substring(0, size-1)); 
calc.display.value = n/100; 

else  
/* Otherwise evalute and execute output */ 
calc.display.value = eval(calc.display.value); 
</script> 
</head> 

<body> 
<form name = "calc"> 
<table id = "calc" > 
<tr> 
<td colspan="6"><input id="btn" name="display"
onkeypress="return event.charCode >= 48 
&& event.charCode <= 57" type="text"> 
</td> 
</tr> 
<tr> 
<td><input id="btn" type="button" value="1"
OnClick="calc.display.value+='1'"> 
</td> 
<td><input id="btn" type="button" value="2"
OnClick="calc.display.value+='2'"> 
</td> 
<td><input id="btn" type="button" value="3"
OnClick="calc.display.value+='3'"> 
</td> 
<td><input id="btn" type="button" value="C"
OnClick="calc.display.value=''"> 
</td> 
<td><input id="btn" type="button" value="<-"
OnClick="backspace(this.form)"> 
</td> 
<td><input id="btn" type="button" value="="
OnClick="calculate(this.form)"> 
</td> 
</tr> 
<tr> 
<td><input id="btn" type="button" value="4"
OnClick="calc.display.value+='4'"> 
</td> 
<td><input id="btn" type="button" value="5"
OnClick="calc.display.value+='5'"> 
</td> 
<td><input id="btn" type="button" value="6"
OnClick="calc.display.value+='6'"> 
</td> 
<td><input id="btn" type="button" value="-"
OnClick="calc.display.value='-'"> 
</td> 
<td><input id="btn" type="button" value="%"
OnClick="calc.display.value+='%'"> 
</td> 
<td><input id="btn" type="button" value="cos"
OnClick="calc.display.value='Math.cos('"> 
</td> 
</tr> 
<tr> 
<td><input id="btn" type="button" value="7"
OnClick="calc.display.value+='7'"> 
</td> 
<td><input id="btn" type="button" value="8"
OnClick="calc.display.value+='8'"> 
</td> 
<td><input id="btn" type="button" value="9"
OnClick="calc.display.value+='9'"> 
</td> 
<td><input id="btn" type="button" value="*"
OnClick="calc.display.value+='*'"> 
</td> 
<td><input id="btn" type="button" value="n!"
OnClick="calc.display.value+='!'"> 
</td> 
<td><input id="btn" type="button" value="sin"
OnClick="calc.display.value='Math.sin('"> 
</td> 
</tr> 
<tr> 
<td><input id="btn" type="button" value="."
OnClick="calc.display.value+='.'"> 
</td> 
<td><input id="btn" type="button" value="0"
OnClick="calc.display.value+='0'"> 
</td> 
<td><input id="btn" type="button" value=","
OnClick="calc.display.value+=','"> 
</td> 
<td><input id="btn" type="button" value="+"
OnClick="calc.display.value+='+'"> 
</td> 
<td><input id="btn" type="button" value="/"
OnClick="calc.display.value+='/'"> 
</td> 
<td><input id="btn" type="button" value="tan"
OnClick="calc.display.value='Math.tan('"> 
</td> 
</tr> 
<tr> 
<td><input id="btn" type="button" value="E"
OnClick="calc.display.value+='Math.E'"> 
</td> 
<td><input id="btn" type="button" value="pi"
OnClick="calc.display.value+='Math.PI'"> 
</td> 
<td><input id="btn" type="button" value="^"
OnClick="calc.display.value+='Math.pow('"> 
</td> 
<td><input id="btn" type="button" value="("
OnClick="calc.display.value+='('"> 
</td> 
<td><input id="btn" type="button" value=")"
OnClick="calc.display.value+=')'"> 
</td> 
<td><input id="btn" type="button" value="log"
OnClick="calc.display.value='Math.log('"> 
</td> 
</tr> 
<tr> 
<td><input id="btn" type="button" value="sqrt"
OnClick="calc.display.value+='Math.sqrt('"> 
</td> 
<td><input id="btn" type="button" value="ln2"
OnClick="calc.display.value+='Math.LN2'"> 
</td> 
<td><input id="btn" type="button" value="ln10"
OnClick="calc.display.value+='Math.Log10'"> 
</td> 
<td><input id="btn" type="button" value="l2e"
OnClick="calc.display.value+='Math.LOG2E'"> 
</td> 
<td><input id="btn" type="button" value="l10e"
OnClick="calc.display.value+='Math.log10'"> 
</td> 
<td><input id="btn" type="button" value="exp"
OnClick="calc.display.value='Math.exp('"> 
</td> 
</tr> 
</table> 
</form> 
</body> 

</html>
output show in image

 


Saturday 16 January 2021

Some Important Questions and Answers from HTML 5

 

Some Important Questions and Answers from HTML 5

 somewhere in class room teacher asked important question to students or asked in examination in 

web design and published papers. now student was confused how to write answer. here we a short 

solution of their question, you read frequently them. these are given below. 

Q.1 what is HTML? 

Ans:  HTML is known as Hyper Text Markup Language. HTML is a language of world wide 

web(www).HTML is used to create web pages and has some tags.HTML makes the text more interactive

and dynamic. HTML handle text, image and video and audio. 

Q.2 What are Tags?

Ans: when any web browser render the html web pages then output show in differed minors, some text show

as heading and some text show bold now html has some specific command that are make some changes in 

text that commands are called tags. In HTML present many tags every tags need to open and close.

opening tag write with in greater than and less than symbols in starting of effected text and in end of

effected text tags are write with in greater than and less than symbols with back slash sing like this

<tag> effected text</tag>. for example, heading tag open this"<h1> " and write effected text and

then "</h1>" close heading tags.

Q.3 Do all HTML tags have an end tag? 

Ansa:No. There are some HTML tags that don't need a closing tag. For example: <image> tag, <br> tag. </p>

Q.4  What is formatting in HTML? </h1>

Ans:Formatting tags are used to decorating text in HTML .In HTML cantain may formtting tags and every one 

used to decorating text .some papular formatting tags are 

<b>use to make boald text</b>

<i> use to make italic text</i>

<u>use to make underline text</u>

<small>use to make small text</small>

<big> use to make big text</big>

<q> use to make q form text</q>

<strog> use to make strog text</storg>

<em> use to make em form text</em>

<sup>use to make superscript text</sup>

<sub>use to make subscript text</sub>

Q.5How to make a hyperlink in HTML? 

Ans: The HTML gives an anchor tag to make a hyperlink that joins one page to another page. These labels can show up in any of the accompanying ways: 

Unvisited connect - It is shown, underlined and blue. 

Visited interface - It is shown, underlined and purple. 

Dynamic connection - It is shown, underlined and red. 

Q.6 What are some basic records that are utilized when planning a page? 

Ans :There are numerous normal records which are utilized to plan a page. You can pick any or a mix of the accompanying rundown types: 

Requested rundown - The arranged rundown shows components in numbered design. It is spoken to by <ol> tag. 

Unordered rundown - The unordered rundown shows components in bulleted design. It is spoken to by <ul> tag. 

Definition list - The definition list shows components in definition structure like in word reference. The <dl>, <dt> and <dd> labels are utilized to characterize depiction 

Q.7 What is the contrast between HTML components and labels? 

Ans: HTML components convey to the program to deliver text. At the point when the components are encased by sections <>, they structure HTML labels. More often than not, label arrive in a couple and encompass content. 

Q.8 What is semantic HTML? 

Ans.:Semantic HTML is a coding style. It is the utilization of HTML markup to strengthen the semantics or significance of the substance. For instance: In semantic HTML <b tag isn't utilized for strong proclamation just as <i> </i> tag is utilized for italic. Rather than these we use <strong></strong> and <em></em> labels. 

Q.9 Does a hyperlink just apply to text and pictures? 

Ans.:yes, you can utilize hyperlinks on content and pictures both. The HTML anchor tag characterizes a hyperlink that joins one page to another page. The "href" property is most significant quality of the HTML anchor tag. 

Grammar <a href="source">write text wont clik</a> e.g.- ><a href="http://www.internationyouthacuiy.blogspot.com">open</a> 

Q.10 What is a template? 

Ans:.A template is utilized to fabricate a steady, movable, and all around planned style layout. You can include these formats a few distinctive pages. portrays the look and arranging of an archive written in markup language. 

Q.11 Can you make a multi-shaded content on a website page? 

Ans.:Yes. To make a multicolor book on a website page you can utilize <font shading ="color"> </font> for the particular writings you need to shading. you can likewise utilize CSS for 

making multy shading site pages. 

Q.12what is the fundamental format HTML? 

HTML design determines a manner by which the page is orchestrated. 

Each site has a particular design to show content in a particular way. 

Following are distinctive HTML5 components which are utilized to characterize the various pieces of a website page. 

<header>: It is utilized to characterize a header for an archive or a segment. 

<nav>: It is utilized to characterize a holder for route joins 

<section>: It is utilized to characterize a segment in a record 

<article>: It is utilized to characterize a free, independent article 

<aside>: It is utilized to characterize content beside the substance (like a sidebar) 

<footer>: It is utilized to characterize a footer for a report or a segment 

Q.13 What is a marquee? 

Ans.Marquee is utilized to put the looking over content on a website page. It look over the picture or text up, down, left or right consequently. You should put the content which y need to look inside the <marquee>......</marquee> tag. 

Q.14. What number of labels can be utilized to isolate a segment of writings? 

Ans.Three labels are utilized to isolate the writings. 

<br> tag - Usually <br> tag is utilized to isolate the line of text. It breaks the current line and passes on the stream to the following line 

<p> tag - The <p> tag contains the content as another passage. 

<blockquote> tag - It is utilized to characterize an enormous cited segment. On the off chance that you have a huge citation, at that point put the whole content inside <blockquote>............ </blockquote> tag. 

Q.15.How to make an image of a foundation picture of a website page? 

Ans.:To make an image a foundation picture on a website page, you should put the accompanying label code after the </head> tag. 

Here, supplant the "image.gif" with the name of your picture document which you need to show on your website page. 

Q.16 What are vacant components? 

Ans.:HTML components with no substance are called void components. For instance: <br>, <hr> and so forth 

Q.17 What is the utilization of an iframe tag? 

Ans.:An iframe is utilized to show a site page inside a website page. 

Q.18. What are the elements in HTML? 

Ans:.The HTML character substances are utilized as a trade for saved characters in HTML. You can likewise supplant characters that are absent on your key by substances. These characters are supplanted on the grounds that a few characters are saved in HTML. 

Q.19. For what reason is a URL encoded in HTML? 

Ans.:An URL is encoded to change over non-ASCII characters into an arrangement that can be utilized over the Internet in light of the fact that a URL is sent over the Internet by utilizing the character-set as it were. In the event that a URL contains characters outside the ASCII set, the URL must be changed over. The non-ASCII characters are supplanted with a "%" fo by hexadecimal digits. 

Q.20.Does a <!DOCTYPE html> tag is a HTML tag? 

Ans.:No, the <!DOCTYPE html> revelation isn't a HTML tag. There are many sort of HTML for example HTML 4.01 Strict, HTML 4.01 Transitional, HTML 4.01 Fram XHTML 1.0 Strict, XHTML 1.0 Transitional, XHTML 1.0 Frameset, XHTML 1.1 and so forth Along these lines, <!DOCTYPE html> is utilized to teach the internet browser about the HTM page. 

Q.21.what is the HTML AND XMTML AND HTML5 

Ans.:HTML is known with name Hypertext Markup Language,HTML is accustomed to crating a website pages .when first time site pages was making at that point utilized HTML.HTML is a most established Markup lagnuage that was utilized in report distributing ,called SGML (Standard Generalized Markup Langage).SGML,HTML utilizes labels framework that provied formating highlights, for example, making intense content <b>use for making strong text</b> where <b></b> known as striking label first when used<b> is beginning tag and when utilized </b> with '/' is a completion of labels. 

with in HTML language consisting numerous labels each label needs to beginning like open tag and shutting like consummation tags.but a few labels like <br> and <img> didn't have finishing labels since that are utilize some particular reason like <br> is utilized for break line 

what's more, <img> label just utilized for delivered and picture at internet browser. 

HTML has incredible connection with web browses,HTML labels are utilized to backroud of pages like code and web broweses show 

contents in the wake of rendering code of tags.about each label internet browser understed and you can't make a difference any imaginary labels 

like<xyz> tages .<xyz> tag is definitely not a perceived with in HTML,so it is never show any formating results at the internet browser.




best Questions and Answers from HTML

 Questions and Answers from HTML 

Q.1:Which programs backing to HTML5? 

Ans:.In present time the most recent renditions of Apple Safari, Google Chrome, Mozilla Firefox, and Opera all internet browsers uphold HTML5 and Internet Explorer 9.0 will likewise have uphold for some HTML5 usefulness. The portable internet browsers which come pre-introduced on iPhones, iPads, and Android telephones all have uphold for HTML5. 


Q.2:Name two new tags that remembered for the HTML 5?

Ans:. 

<aside> 

Characterizes content extraneously identified with the substance encompassing it, for example, related understanding connections and glossaries, which may or not be settled inside an article component. 

<figcaption> 

Characterizes a subtitle for a <figure> component. 

Q.3.List a couple of information credits that are new in HTML5? 

Ans:.

An information tag can take a few credits dependent on the prerequisite. It makes a textbox that takes text/number/extraordinary characters into it. 

(a)Datetime: Gives a datetime acknowledged textbox. 

(b)Placeholder: Places an editable book in the textbox.

(c)Number: Takes just numbers and no content and exceptional characters. 

(d)Tel: Takes inputs like a phone number. 

(e)Email: Takes text with email design. 

Q.4.What are the FORM components which are accessible in HTML5? 

Ans.:

HTML5 has the accompanying new structure components: 

(a)<datalist> 

(b)<keygen> 

(c)<output> 

Q.5.Explain the two web stockpiling's in HTML5? 

There are two kinds of web stockpiling's are available. They are as per the following: 

(a)Local Storage 

(b)Session Storage 

(c)List the API's accessible in HTML5? 

The accessible API's in HTML is as per the following: 

(a)DOM Level 1 

(b)DOM Level 2 Core 

(c)DOM Level 2 HTML 

                    (d) DOM Level 3 


Q.6.What is the base number of HTML5 tags that are needed to make a Website page? 

Ans:.

Least 3 HTML5 tags are needed to make a Web page, for example, (<HEAD>, <BODY>, <HTML>). 

Q.7.How do you compose a copyright image on an internet browser page? 

Ans:.To compose a copyright image, we need to type © or © in a HTML5 document. 


Q.8.What is the utilization of MathML Element in HTML5? 

The word MathML (Mathematical Markup Language) is a markup language, that is utilized to show the logical and numerical articulation on the web. Furthermore, it is a type of XML to portray the Math documentation. 

Model 

<!doctype html> 

<html> 

<head> 

<meta charset = "UTF-8"> 

<title> MathMl Example </title> 

</head> 

<body> <math xmlns=<a href="http://www.w3.org/1998/Math/MathML">http://www.w3.org/1998/Math/MathML< /a>"> 

<mrow> 

<mrow> 

<msup> 

<mi> a </mi> 

<mn> 2 </mn> </msup> 

<mo> + </mo> <mrow> 

<mn> 2 </mn> <mo> </mo> 

<mi> b </mi> </mrow> 

<mo> + </mo>

<mn> 5 </mn> </mrow> 

<mo> = </mo> 

<mn> 0 </mn> 

</mrow> 

</math> 

</body> 

</html> 


Q.9.Why do we use HTML5? 

Ans:.

HTML5 upholds activity, drawing, sound, video, and so on and it effectively implants a video on the site page. It doesn't need any extra programming like Flash for watching recordings. 

(a)Legacy and cross-program uphold 

(b)Better connections 

(c)Smarter stockpiling 

(d)Cleaner code 

Q.10.Explain Microdata in HTML5? 

Ans:.

Utilizing Microdata, the metadata is settled inside existing substance on site pages. Web indexes remove the microdata from a site page to give a decent perusing experience. 

Q.11.List a portion of the organizing components in HTML5? 

Ans.:

HTML5 holds some new and old designing components, all together here is the rundown:

(a)Marked text 

(b)Emphasized text 

(c)Subscripts 

(d)Superscripts 

(e)Small text 

(f)Deleted text 

(g)Inserted text 

Q.12.Explain HTML5 Graphics? 

Ans:.

HTML5 upholds two kinds of designs for example Material and SVG. 

Material 

<canvas> component is utilized to plan designs on the page. Also, it has a few techniques accessible for drawing circles, boxes, adding pictures and text. 

<!DOCTYPE HTML> 

<html> 

<head> 

<style> 

#mycanvas{border:2px strong pink;} 

</style> 

</head> 

<body> 

<canvas id = "mycanvas" width = "150" stature = "150"></canvas> 

</body> 

</html> 

SVG 

<svg> Scalable Vector Graphics, is generally utilized for the graphical application. What's more, versatile vector type graphs, for example, X, Y arrange framework, two-dimensional and pie outlines. This makes it quicker and lightweight. SVG follows XML design. 

<!DOCTYPE html> 

<html> 

<body> 

<svg width = "400" stature = "150"> 

<rect width = "400" stature = "150" style = "fill:rgb(200,220,255);strokewidth:10;stroke:rgb(0,0,0)"/> 

</svg> 

</body> 

</html> 

Q.13.How numerous tags were taken out in HTML5? 

Ans:.

The rundown of the tags that are taken out totally in HTML5 are as per the following: 

<frame> 

<frameset> 

<noframes> 

<big> 

<basefront> 

<applet> • 

<center> 

<bigcenter> 

<acronym> 

<basefont> 

<dir> 

<tt> 

<font> 

<strike> 


Q.134 What are the moved tags from HTML4 to HTML5? 

Ans:.

Rundown of the moved tags from HTML4 to HTML5 is as per the following: 

HTML4 HTML5 

<div id = "footer"> <footer> 

<div id = "header"> <header> 

<div id = "menu"> <nav> 

<div id = "post"> <article> 

<div id = "content"> <section> 

Q.15.Give an illustration of adding material in Html5?

<!DOCTYPE html> 

<html> 

<body> 

<canvas id="myCanvas" width="200" height="100" style="border:1px strong 

#FF0000;"> 

Your program doesn't uphold the HTML5 material tag. 

</canvas> 

</body> 

</html> 


Q.16.What are the belittled Elements in HTML5 from HTML4? 

Ans:.

Components that are censured from HTML 4 to HTML 5 are as per the following: 


frame 

frameset 

noframe 

applet 

big 

center 

basefront 


Q.17.Briefly depict the right use of the accompanying HTML5 semantic components: <header>, <article>, <section>, <footer>? 

Ans:.

<header>: This component is utilized to contain starting and navigational data about a segment of the page. This can incorporate the segment heading, the creator's name, time and date of distribution, chapter by chapter guide, or other navigational data. 

<article>: This component is intended to house an independent creation that can sensibly be freely reproduced outside of the page without losing its significance. 

<section>: The component is an adaptable compartment for holding content that shares a typical educational topic or reason. 

Q 18.Write the code important to make a 300 pixel by 300 pixels <canvas>. Inside it, paint a blue 100 pixel by 100 pixel square with the upper left corner of the square found 50 pixels from both the top and left edges of the material? 

<canvas id="c" width="300" height="300"></canvas> 

<script> 

var material = document.getElementById( "c" ); 

var drawing_context = canvas.getContext( "2d" ); 

drawing_context.fillStyle = "blue"; drawing_context.fillRect( 50, 50, 100, 100 );

 </script> 


Q.19.What is the motivation behind the 'segment' tag in HTML5? 

Ans:.

This tag speaks to a conventional report or application segment. Furthermore, it very well may be utilized along with h1-h6 to show the archive structure. 

Q.20.What is the motivation behind 'nav' tag in HTML5? 

Ans:. This tag speaks to a part of the report proposed for route. 

Q:21.What is Web Forms 2.0? 

Ans:.

This is an augmentation to the structures highlights found in HTML4. Structure components and characteristics in HTML5 give a more prominent level of semantic increase than HTML4. And furthermore eliminate a lot of the requirement for repetitive scripting and styling that was needed in HTML4. 


Q.22.What is the reason for the 'placeholder' quality in HTML5? 

Ans:. HTML5 presented another characteristic called placeholder. This quality on <input> and <textarea> components gives a clue to the client of what can be entered in the field. 

Q.23.What is the reason for the 'self-adjust' property in HTML5? 

It is a basic one-venture design, handily customized in JavaScript at the hour of record load, naturally center one specific structure field. 


Q.24. Can you use SVG tags straightforwardly in HTML5 with no module? 

Indeed! HTML5 permits embeding SVG straightforwardly utilizing <svg>...</svg> tag. 


Q.25. Can you use MathML tags straightforwardly in HTML5 with no module? 


Indeed! The HTML punctuation of HTML5 considers MathML components to be utilized inside an archive utilizing <math>...</math> tags. 


Q.26. What are the downsides of treats? 

These are incorporated with each HTTP demand, in this way hindering your web application by communicating a similar information.  And are incorporated with each HTTP demand, subsequently sending information decoded over the web.  They are restricted to around 4 KB of information. Adequately not to store required information. 

Q.27. What is Server Side Events in HTML5? 


Along with HTML5, WHATWG Web Applications 1.0 presents occasions which stream from the web worker to the internet browsers and they are called Server-Sent Events (SSE).  Using SSE you can push DOM occasions constantly from your web worker to the guest's program.     Server-sent occasions normalize how we stream information from the worker to the customer. 


Q.28. What are web attachments? 


It's is a cutting edge bidirectional correspondence innovation for web applications which works over a solitary attachment and is uncovered by means of a JavaScript interface in HTML 5 agreeable programs. 


When you get a Web Socket association with the web worker, you can send information from program to worker by calling a send() strategy, and get information from worker to program by an onmessage occasion controller. 


Q.29.What is the reason for Socket.readyState property of WebSocket? 

Ans.:

The readonly property readyState speaks to the condition of the connecti

Sunday 10 January 2021

How to create automatic result showing page with students name on HTML?

 How to create automatic result showing page with students name on HTML?

here we write a html program using table tag and form tag with java script 
you can use this program to check result of any student .
firstly you enter details of student and then you click on button
then you find automatic result of student in this program we take five subjects and calculate percentage on 100 marks of
each subject and if student archive greater than thirty three marks then 
the student show pass otherwise  show failed.

here you see the html code
<html>
<head>
<title>school websites template</title>
 <script>
 function postdata()
 {
 var sn=document.getElementById("sname").value;
 var em=Number(document.getElementById("emark").value);
 var mm=Number(document.getElementById("mmark").value);
 var cm=Number(document.getElementById("cmark").value);
 var chm=Number(document.getElementById("chmark").value);
 var pym=Number(document.getElementById("pmark").value);
 var total=em+mm+cm+chm+pym;
 var percentage=(total*100)/500;
 if(percentage<33)
 {
  document.getElementById("result").value="Faild";
 }
 else{
 document.getElementById("result").value="pass";
 }
 document.getElementById("per").value=percentage;
  document.getElementById("ssname").value="Ms "+sn;

 }
 </script>
 
</head>
<body bgcolor="pink">
<center>
<table border="1" bordercolor="pink">
<caption>Enter student details</caption>
<form method="GET" >
<tr><td>Enter studen name</td><td><input type="text" name="sname" id="sname"/></td></tr>
<tr><td>Enter marks in English</td><td><input type="text" name="emark" id="emark"/></td></tr>
<tr><td>Enter marks in Maths</td><td><input type="text" name="mmark" id="mmark"/></td></tr>
<tr><td>Enter marks in computer</td><td><input type="text" name="cmark" id="cmark"/></td></tr>
<tr><td>Enter marks in chemistry</td><td><input type="text" name="chmark" id="chmark"/></td></tr>
<tr><td>Enter marks in Physics</td><td><input type="text" name="pmark" id="pmark"/></td></tr>
<tr><td align="center" colspan="2"><input style="background-color:pink;border:none;" type="text"  name="ssname" id="ssname"/></td></tr>

<tr><td>Result <input type="text" id="result" name="reulst"</td><td><input type="text" name="per" id="per"/></td></tr>

<tr><td colspan="2" align="center"><input type="button" value="chec result" onclick="postdata()"/></td></tr>
</form>
</table>
</body>
</html>

output of this programs