Welcome to Free learning World

Friday, November 11, 2016

Youtube parameter is good to understand

YouTube Parameters
autohide
Value 0: The player controls are always visible.

Value 1: The player controls hides automatically when the video plays.

Value 2 (default): If the player has 16:9 or 4:3 ratio, same as 1, otherwise same as 0.

autoplay
Value 0 (default): The video will not play automatically when the player loads.

Value 1: The video will play automatically when the player loads.

controls
Value 0: Player controls does not display. The video loads immediately.

Value 1 (default): Player controls display. The video loads immediately.

Value 2: Player controls display, but the video does not load before the user initiates playback.

loop
Value 0 (default): The video will play only once.

Value 1: The video will loop (forever).

playlist
A comma separated list of videos to play (in addition to the original URL).

How to Play youtube video in your webpage

How to Play you-tube video in your webpage

After basic coding go to youtube and search video you want to show on your web click on it click on share button and three

<!doctype html>

<html>

<head>

<title>Hello</title> <--give title you want to give your web page-->

</head>

<body>

<p>hello <--paragraph u want to show-->

<-->

</p>

<--iframe width="560" height="315" src="https://www.youtube.com/embed/XFL4mrRi-r8" frameborder="0" allowfullscreen></iframe>--> <--embeded video url-->

</body>

</html>

it's to Good to understand youtube parameter so cick on link bellow

How to give color to links in post

When you move the mouse over a link, two things will normally happen:

The mouse arrow will turn into a little hand

The color of the link element will change

By default, a link will appear like this (in all browsers):

An unvisited link is underlined and blue

A visited link is underlined and purple

An active link is underlined and red

You can change the default colors, by using styles:

Example

<!DOCTYPE html>

<html>

<head>

<style>

a:link {

color: green;

background-color: transparent;

text-decoration: none;

}

a:visited {

color: pink;

background-color: transparent;

text-decoration: none;

}

a:hover {

color: red;

background-color: transparent;

text-decoration: underline;

}

a:active {

color: yellow;

background-color: transparent;

text-decoration: underline;

}

</style>

</head>

<body>

<p>You can change the default colors of links in differ colour</p>

<a href="html_images23.html" target="_blank">HTML Images</a>

</body>

Coding result

You can change the default colors of links in differ colour

HTML Images23

How to give link in web post

ifyou want to sent your user to another web for anytype of worl you can give in link adress

The href attribute specifies the destination address (https://web.facebook.com/zain.barbie?_rdr)

The link text is the visible part

<!doctype html>

<html>

<head>

<title>Hello</title>

</head>

<body>

<p>hello

</p>

</body>

</html>

Adding video on your webpage or blog

Iframe Syntax
The syntax for adding an iframe is:

<iframe src="URL"></iframe> <-- type url at place of url-->
Example code
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Hello</title>
</head>

<body>
<p>hello

</p>
<iframe src="https://www.google.com.pk/url?sa=t&rct=j&q=&esrc=s&source=web&cd=1&cad=rja&uact=8&ved=0ahUKEwjc7Zv7lqHQAhUHVBQKHbqwDrcQ3ywIGTAA&url=https%3A%2F%2Fwww.youtube.com%2Fwatch%3Fv%3DS-VH0aTOOik&usg=AFQjCNH6Z3I2wYWCdswlY_PqP_oZsyj5ug&sig2=GfCrAA5d-BrHNmESCa4cQw&bvm=bv.138169073,d.d24"></iframe>
<p></p>
</body>
</html>

How To Add Image in html coding

HTML Images Syntax

In HTML, images are defined with the <img> tag.

The <img> tag is empty, it contains attributes only, and does not have a closing tag.

The src attribute specifies the URL (web address) of the image:

The alt Attribute

The alt attribute specifies an alternate text for an image, if the image cannot be displayed.

The alt attribute provides alternative information for an image if a user for some reason cannot view it (because of slow connection, an error in the src attribute, or if the user uses a screen reader).

If a browser cannot find an image, it will display the alt text:

Example

Try it Yourself »

The alt attribute is required. A web page will not validate correctly without it.

HTML Screen Readers

A screen reader is a software program that can read what is displayed on a screen.

Screen readers are useful to people who are blind, visually impaired, or learning disabled.

Note Screen readers can read the alt attribute.

Image Size - Width and Height

You can use the style attribute to specify the width and height of an image.

The values are specified in pixels (use px after the value):

Example

Try it Yourself »

Alternatively, you can use width and height attributes. Here, the values are specified in pixels by default:

Example

Use the HTML <img> element to define an image

Use the HTML src attribute to define the URL of the image

Use the HTML alt attribute to define an alternate text for an image, if it cannot be displayed

Use the HTML width and height attributes to define the size of the image

Use the CSS width and height properties to define the size of the image (alternatively)

Use the CSS float property to let the image float

Use the HTML <map> element to define an image-map

Use the HTML <area> element to define the clickable areas in the image-map

Use the HTML <img>'s element usemap attribute to point to an image-map

Note Loading images takes time. Large images can slow down your page. Use images carefully.

Test Yourself with Exercises!

Example

<!doctype html>

<html>

<head>

<title>Hello</title>

</head>

<body>

<p>hello

</p>

</body>

</html>

How to comment in Html

Comments give in html to define the code

HTML Comment Tags

You can add comments to your HTML source by using the following syntax:

Note Note: There is an exclamation point (!) in the opening tag, but not in the closing tag.

Comments are not displayed by the browser, but they can help document your HTML.

With comments you can place notifications and reminders in your HTML:

Example

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

Try it yourself »

Comments are also great for debugging HTML, because you can comment out HTML lines of code, one at a time, to search for errors:

Example

<!-- Do not display this at the moment

-->

Try it Yourself »

Conditional Comments

You might stumble upon conditional comments in HTML:

<!--[if IE 8]>

.... some HTML here ....

<![endif]-->

Conditional comments defines HTML tags to be executed by Internet Explorer only.

<!doctype html>

<html>

<head>

<title>Hello</title>

</head>

<body>

hello  <-- this is comment

</body>

</html>

Writing style in html

The HTML Style Attribute

Setting the style of an HTML element, can be done with the style attribute.

The HTML style attribute has the following syntax:

style="property:value;"
The property is a CSS property. The value is a CSS value.

Note You will learn more about CSS later in this tutorial.
HTML Background Color
The background-color property defines the background color for an HTML element:

This example sets the background for a page to lightgrey:

Example
<body style="background-color:lightgrey;">

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

</body>
Try it Yourself »
HTML Text Color
The color property defines the text color for an HTML element:

Example
<h1 style="color:blue;">This is a heading</h1>
<p style="color:red;">This is a paragraph.</p>
Try it Yourself »
HTML Fonts
The font-family property defines the font to be used for an HTML element:

Example
<h1 style="font-family:verdana;">This is a heading</h1>
<p style="font-family:courier;">This is a paragraph.</p>
Try it Yourself »
HTML Text Size
The font-size property defines the text size for an HTML element:

Example
<h1 style="font-size:300%;">This is a heading</h1>
<p style="font-size:160%;">This is a paragraph.</p>
Try it Yourself »
HTML Text Alignment
The text-align property defines the horizontal text alignment for an HTML element:

Example
<h1 style="text-align:center;">Centered Heading</h1>
<p>This is a paragraph.</p>
Try it Yourself »
Chapter Summary
Use the style attribute for styling HTML elements
Use background-color for background color
Use color for text colors
Use font-family for text fonts
Use font-size for text sizes
Use text-align for text alignment
Test Yourself with Exercises!

Writing Paragraph in html

HTML documents are divided into paragraphs.

HTML Paragraphs
The HTML <p> element defines a paragraph.

Example
<p>This is a paragraph</p>
<p>This is another paragraph</p>
Try it yourself »
Note Browsers automatically add some white space before and after a paragraph.
HTML Display
You cannot be sure how HTML will be displayed.

Large or small screens, and resized windows will create different results.

With HTML, you cannot change the output by adding extra spaces or extra lines in your HTML code.

The browser will remove extra spaces and extra lines when the page is displayed.

Any number of spaces, and any number of new lines, count as only one space.

Example
<p>
This paragraph
contains a lot of lines
in the source code,
but the browser
ignores it.
</p>

<p>
This paragraph
contains a lot of spaces
in the source code,
but the browser
ignores it.
</p>
Try it Yourself »
Don't Forget the End Tag
Most browsers will display HTML correctly even if you forget the end tag:

Example
<p>This is a paragraph
<p>This is another paragraph
Try it yourself »
The example above will work in most browsers, but do not rely on it.

Forgetting the end tag can produce unexpected results or errors.

Note Stricter versions of HTML, like XHTML, do not allow you to skip the end tag.
HTML Line Breaks
The HTML <br> element defines a line break.

Use <br> if you want a line break (a new line) without starting a new paragraph:

Example
<p>This is<br>a para<br>graph with line breaks</p>
Try it yourself »
The <br> element is an empty HTML element. It has no end tag.

The Poem Problem
This poem will display as one line:

Example
<p>
My Bonnie lies over the ocean.

My Bonnie lies over the sea.

My Bonnie lies over the ocean.

Oh, bring back my Bonnie to me.
</p>
Try it Yourself »
The HTML <pre> Element
The HTML <pre> element defines preformatted text.

The text inside a <pre> element is displayed in a fixed-width font (usually Courier), and it preserves both spaces and line breaks:

Example
<pre>
My Bonnie lies over the ocean.

My Bonnie lies over the sea.

My Bonnie lies over the ocean.

Oh, bring back my Bonnie to me.
</pre>
Try it Yourself »
Test Yourself with Exercises!
Exercise 1 » Exercise 2 » Exercise 3 » Exercise 4 »

HTML Tag Reference
W3Schools' tag reference contains additional information about HTML elements and their attributes.

Tag Description
<p> Defines a paragraph
<br> Inserts a single line break
<pre> Defines pre-formatted text

How to give heading in html

Headings are important in HTML documents.

HTML Headings
Headings are defined with the <h1> to <h6> tags.

<h1> defines the most important heading. <h6> defines the least important heading.

Example
<h1>This is a heading</h1>
<h2>This is a heading</h2>
<h3>This is a heading</h3>
Try it yourself »
Note: Browsers automatically add some empty space (a margin) before and after each heading.

Headings Are Important
Use HTML headings for headings only. Don't use headings to make text BIG or bold.

Search engines use your headings to index the structure and content of your web pages.

Users skim your pages by its headings. It is important to use headings to show the document structure.

h1 headings should be main headings, followed by h2 headings, then the less important h3, and so on.

HTML Horizontal Rules
The <hr> tag creates a horizontal line in an HTML page.

The hr element can be used to separate content:

Example
<p>This is a paragraph.</p>
<hr>
<p>This is a paragraph.</p>
<hr>
<p>This is a paragraph.</p>
Try it yourself »
The HTML <head> Element
The HTML <head> element has nothing to do with HTML headings.

The HTML <head> element contains meta data. Meta data are not displayed.

The HTML <head> element is placed between the <html> tag and the <body> tag:

Example
<!DOCTYPE html>
<html>

<head>
<title>My First HTML</title>
<meta charset="UTF-8">
</head>

<body>
.
.
.
Try it Yourself »
Note Meta data means data about data. HTML meta data is data about the HTML document.
The HTML <title> Element
The HTML <title> element is meta data. It defines the HTML document's title.

The title will not be displayed in the document, but might be displayed in the browser tab.

The HTML <meta> Element
The HTML <meta> element is also meta data.

It can be used to define the character set, and other information about the HTML document.

More Meta Elements
In the chapter about HTML styles you discover more meta elements:

The HTML <style> element is used to define internal CSS style sheets.

The HTML <link> element is used to define external CSS style sheets.

HTML Tip - How to View HTML Source
Have you ever seen a Web page and wondered "Hey! How did they do that?"

To find out, right-click in the page and select "View Page Source" (in Chrome) or "View Source" (in IE), or similar in another browser. This will open a window containing the HTML code of the page.

Test Yourself with Exercises!
Exercise 1 » Exercise 2 » Exercise 3 » Exercise 4 »

HTML Tag Reference
W3Schools' tag reference contains additional information about these tags and their attributes.

You will learn more about HTML tags and attributes in the next chapters of this tutorial.

Tag Description
<html> Defines an HTML document
<body> Defines the document's body
<head> Defines the document's head element
<h1> to <h6> Defines HTML headings
<hr> Defines a horizontal line

Html Attributes

HTML Attributes
HTML elements can have attributes
Attributes provide additional information about an element
Attributes are always specified in the start tag
Attributes come in name/value pairs like: name="value"
The lang Attribute
The document language can be declared in the <html> tag.

The language is declared in the lang attribute.

Declaring a language is important for accessibility applications (screen readers) and search engines:

<!DOCTYPE html>
<html lang="en-US">
<body>

<h1>My First Heading</h1>
<p>My first paragraph.</p>

</body>
</html>
The first two letters specify the language (en). If there is a dialect, use two more letters (US).

The title Attribute
HTML paragraphs are defined with the <p> tag.

In this example, the <p> element has a title attribute. The value of the attribute is "About W3Schools":

Example
<p title="About W3Schools">
W3Schools is a web developer's site.
It provides tutorials and references covering
many aspects of web programming,
including HTML, CSS, JavaScript, XML, SQL, PHP, ASP, etc.
</p>
Try it Yourself »
Note When you move the mouse over the element, the title will be displayed as a tooltip.
The href Attribute
HTML links are defined with the <a> tag. The link address is specified in the href attribute:

Example
<a href="http://www.w3schools.com">This is a link</a>
Try it yourself »
You will learn more about links and the <a> tag later in this tutorial.

Size Attributes
HTML images are defined with the <img> tag.

The filename of the source (src), and the size of the image (width and height) are all provided as attributes:

Example
<img src="w3schools.jpg" width="104" height="142">
Try it Yourself »
The image size is specified in pixels: width="104" means 104 screen pixels wide.

You will learn more about images and the <img> tag later in this tutorial.

The alt Attribute
The alt attribute specifies an alternative text to be used, when an HTML element cannot be displayed.

The value of the attribute can be read by "screen readers". This way, someone "listening" to the webpage, i.e. a blind person, can "hear" the element.

Example
<img src="w3schools.jpg" alt="W3Schools.com" width="104" height="142">
Try it Yourself »
We Suggest: Always Use Lowercase Attributes
The HTML5 standard does not require lower case attribute names.

The title attribute can be written with upper or lower case like Title and/or TITLE.

W3C recommends lowercase in HTML4, and demands lowercase for stricter document types like XHTML.

Note Lower case is the most common. Lower case is easier to type.
At W3Schools we always use lower case attribute names.
We Suggest: Always Quote Attribute Values
The HTML5 standard does not require quotes around attribute values.

The href attribute, demonstrated above, can be written as:

Example
<a href=http://www.w3schools.com>
Try it Yourself »
W3C recommends quotes in HTML4, and demands quotes for stricter document types like XHTML.

Sometimes it is necessary to use quotes. This will not display correctly, because it contains a space:

Example
<p title=About W3Schools>
Try it Yourself »
Note Using quotes are the most common. Omitting quotes can produce errors.

Single or Double Quotes?
Double style quotes are the most common in HTML, but single style can also be used.

In some situations, when the attribute value itself contains double quotes, it is necessary to use single quotes:

<p title='John "ShotGun" Nelson'>
Or vice versa:

<p title="John 'ShotGun' Nelson">
Chapter Summary
All HTML elements can have attributes
The HTML title attribute provides additional "tool-tip" information
The HTML href attribute provides address information for links
The HTML width and height attributes provide size information for images
The HTML alt attribute provides text for screen readers
Test Yourself with Exercises!

Write HTML Using Notepad or TextEdit

HTML can be edited by using professional HTML editors like:

Microsoft WebMatrix
Sublime Text
However, for learning HTML we recommend a text editor like Notepad (PC) or TextEdit (Mac).

We believe using a simple text editor is a good way to learn HTML.

Follow the 4 steps below to create your first web page with Notepad.

Step 1: Open Notepad
To open Notepad in Windows 7 or earlier:

Click Start (bottom left on your screen). Click All Programs. Click Accessories. Click Notepad.

To open Notepad in Windows 8 or later:

Open the Start Screen (the window symbol at the bottom left on your screen). Type Notepad.

Step 2: Write Some HTML
Write or copy some HTML into Notepad.

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>
Notepad

Step 3: Save the HTML Page
Save the file on your computer.

Select File > Save as in the Notepad menu.

Name the file "index.html" or any other name ending with html or htm.

UTF-8 is the preferred encoding for HTML files.

ANSI encoding covers US and Western European characters only.

View in Browser

Note You can use either .htm or .html as file extension. There is no difference, it is up to you.
Step 4: View HTML Page in Your Browser
Open the saved HTML file in your favorite browser. The result will look much like this:

View in Browser

First programme in html

Write HTML Using Notepad or TextEdit
HTML can be edited by using professional HTML editors like:

Microsoft WebMatrix
Sublime Text
However, for learning HTML we recommend a text editor like Notepad (PC) or TextEdit (Mac).

We believe using a simple text editor is a good way to learn HTML.

Follow the 4 steps below to create your first web page with Notepad.

Step 1: Open Notepad
To open Notepad in Windows 7 or earlier:

Click Start (bottom left on your screen). Click All Programs. Click Accessories. Click Notepad.

To open Notepad in Windows 8 or later:

Open the Start Screen (the window symbol at the bottom left on your screen). Type Notepad.

Step 2: Write Some HTML
Write or copy some HTML into Notepad.

<!DOCTYPE html>
<html>
<body>

<h1>My First Heading</h1>

<p>My first paragraph.</p>

</body>
</html>
Notepad

Step 3: Save the HTML Page
Save the file on your computer.

Select File > Save as in the Notepad menu.

Name the file "index.html" or any other name ending with html or htm.

UTF-8 is the preferred encoding for HTML files.

ANSI encoding covers US and Western European characters only.

View in Browser

Note You can use either .htm or .html as file extension. There is no difference, it is up to you.
Step 4: View HTML Page in Your Browser
Open the saved HTML file in your favorite browser. The result will look much like this:

View in Browser

Wednesday, November 9, 2016

How to install Xamp And run your 1st code?

How to install Xamp?

Installing XAMPP

Follow these steps for installing XAMPP:

Step 1: Disable your anti-virus as it can cause some XAMPP components to behave erratically.

Step 2: Disable User Account Control (UAC). UAC limits write permissions to XAMPP’s default installation directory (c:/Program Files/xampp), forcing you to install in a separate directory. You can learn how to disable UAC here. (Optional)

Step 3: Start the installation process by double-clicking on the XAMPP installer. Click ‘Next’ after the splash screen.

Step 4: Here, you can select the components you want to install. Choose the default selection and click ‘Next’.

Step 5: Choose the folder you want to install XAMPP in. This folder will hold all your web application files, so make sure to select a drive that has plenty of space.

Step 6: The next screen is a promo for BitNami, an app store for server software. Deselect the ‘Learn more about BitNami for XAMPP’ checkbox, unless you actually enjoy receiving promo mails!

Step 7: Setup is now ready to install XAMPP. Click Next and wait for the installer to unpack and install selected components. This may take a few minutes. You may be asked to approve Firewall access to certain components (such as Apache) during the installation process.

Step 8: Installation is now complete! Select the ‘Do you want to start the Control Panel now?’ checkbox to open the XAMPP control panel.

Understanding XAMPP Control Panel

The XAMPP control panel gives you complete control over all installed XAMPP components. You can use the CP to start/stop different modules, launch the Unix shell, open Windows explorer and see all operations running in the background.

Here is a quick overview of the Control Panel. For now, you only need to know how to start and stop an Apache server.

Testing Your XAMPP Installation

Follow these steps to test your XAMPP installation by launching the Apache web server and creating a simple PHP file.

Step 1: In the XAMPP control panel, click on ‘Start’ under ‘Actions’ for the Apache module. This instructs XAMPP to start the Apache webserver.

Step 2: Open your web browser and type in: http://localhost or 127.0.0.1

Step 3: Select your language from the splash screen.

Step 4: You should see the following screen. This means you’ve successfully installed XAMPP on your computer.

Step 5: We will now test whether XAMPP has installed PHP successfully. To do this, fire up Notepad and type the following into a new document:

<?php

echo ‘Hello world’; //give anything u want to print on web page

Save this file as ‘test.php’ in c:\xampp\htdocs\ (or whichever directory you installed XAMPP in).

Step 6: Navigate to localhost/test.php. You should see the “Hello World” message:

Congratulations! You have now successfully installed XAMPP and even written your very first PHP program. You can now use your local Apache webserver to create and test complex PHP web apps, fiddle around with MySQL and even learn how actual web servers work with Tomcat, FileZilla, OpenSSL, and more. You can get started right away by learning LAMP development from the ground up in this course. Take this course for a more comprehensive take on programming with PHP and MySQL.

As always, we’d love to hear your thoughts and opinions on web development using XAMPP in the comments below!

Html introduction

Html

HTML you can create your own Web site.

This tutorial teaches you everything about HTML.

HTML is easy to learn - You will enjoy it.

What is HTML?

HTML is a markup language for describing web documents (web pages).

HTML stands for Hyper Text Markup Language
A markup language is a set of markup tags
HTML documents are described by HTML tags
Each HTML tag describes different document content.

<!DOCTYPE html>
<html>
<head>
<title>Page Title</title> //type here page title name between <title>
</head>
<body>

<h1>My First Heading</h1> //enter her heading between <h1>
<p>My first paragraph.</p> // enter here paragraph

</body>
</html>

Example Explained

The DOCTYPE declaration defines the document type to be HTML
The text between <html> and </html> describes an HTML document
The text between <head> and </head> provides information about the document
The text between <title> and </title> provides a title for the document
The text between <body> and </body> describes the visible page content
The text between <h1> and </h1> describes a heading
The text between <p> and </p> describes a paragraph
Using this description, a web browser can display a document with a heading and a paragraph.

HTML Tags

HTML tags are keywords (tag names) surrounded by angle brackets:

<tagname>content</tagname>
HTML tags normally come in pairs like <p> and </p>
The first tag in a pair is the start tag, the second tag is the end tag
The end tag is written like the start tag, but with a slash before the tag name

Note :The start tag is often called the opening tag. The end tag is often called the closing tag.

HTML Versions
Since the early days of the web, there have been many versions of HTML:

Version Year
HTML 1991
HTML 2.0 1995
HTML 3.2 1997
HTML 4.01 1999
XHTML 2000
HTML5 2014

How to start Web Designing?

first of all u have to download and install a Software that help u to write and test coding

Xamp and wamp are two apps that u can use for this purpose:

What is XAMPP?

XAMPP is the most popular PHP development environment

XAMPP is a completely free, easy to install Apache distribution containing MariaDB, PHP, and Perl. The XAMPP open source package has been set up to be incredibly easy to install and to use.

Xamp for windows

Xamp for linux

Xamp for Os x

WAMP SERVER

It's web dovelopment environment its use to create web

wamp for 64 bit

For More Help Contact me

Tuesday, November 8, 2016

Adding function in javascript

Adding function in java script

<!DOCTYPE html>

<html>

<body>

<h1>The + Operator</h1>

var x = 5;

var y = 2;

var z = x + y;

document.getElementById("demo").innerHTML = z;

</script>

</body>

</html>

How to comment in java script

JavaScript Comments

Not all JavaScript statements are "executed".

Code after double slashes // or between /* and */ is treated as a comment.

Comments are ignored, and will not be executed:

See this coding to understand

<!DOCTYPE html>

<html>

<body>

<h1>Comments are NOT Executed</h1>

var x = 5;

// var x = 6; I will not be executed

document.getElementById("demo").innerHTML = x;

</script>

</body>

</html>

Java script arithmetic operation

<!DOCTYPE html>

<html>

<body>

<h1>JavaScript Operators</h1>

<p>JavaScript uses arithmetic operators to compute values (just like algebra).</p>

document.getElementById("demo").innerHTML = (5 + 6) * 10;

</script>

</body>

</html>

Java script

Assigning the value to variable

<!DOCTYPE html>
<html>
<body>

<h1>Assigning Values</h1>

<p>In JavaScript the = operator is used to assign values to variables.</p>

<p id="demo"></p>

<script>
var x = 5;
var y = 6;
document.getElementById("demo").innerHTML = x + y;
</script>

</body>

</html>

JavaScript Programs

A computer program is a list of "instructions" to be "executed" by the computer.

In a programming language, these program instructions are called statements.

JavaScript is a programming language.

JavaScript statements are separated by semicolons.

JavaScript Values:

The JavaScript syntax defines two types of values: Fixed values and variable values.

Fixed values are called literals. Variable values are called variables.

JavaScript Literals

The most important rules for writing fixed values are:

Numbers are written with or without decimals:

coding try this

<!DOCTYPE html>

<html>

<body>

<h1>JavaScript Statements</h1>

<p>Statements are separated by semicolons.</p>

<p>The variables x, y, and z are assigned the values 5, 6, and 11:</p>

var x = 5;

var y = 6;

var z = x + y;

document.getElementById("demo").innerHTML = z;

</script>

</body>

</html>

First Programme in jave script

First Program in java script

try this code as your beginning programme

<!DOCTYPE html>
<html>
<body>
<h1>My First JavaScript</h1> //write any line here you want to print
<button type="button"
onclick="document.getElementById('demo').innerHTML = Date()">
Click me to display Date and Time.</button>
<p id="demo"></p>
</body>

JavaScript

JavaScript:

is the programming language of HTML and the Web.

Programming makes computers do what you want them to do.

JavaScript is easy to learn.

Why Study JavaScript?

JavaScript is one of the 3 languages all web developers must learn:

1. HTML to define the content of web pages

2. CSS to specify the layout of web pages

3. JavaScript to program the behavior of web pages

This tutorial is about JavaScript, and how JavaScript works with HTML and CSS.

Set up Java on your system

The Java platform is distributed as the Java Runtime Environment (JRE), which contains the JVM, a browser plugin for running applets, the standard class library, and a few other items. You will need both the JRE and a JDK in order to develop and run Java programs. The JDK download from Oracle includes the JRE and the basic development tools required to begin developing, debugging, and monitoring your applications in Java. At the time of this writing the most current version of the JDK is Java SE 8u45.

Platform compatibility

The JDK is available for 32-bit/64-bit Linux, 64-bit Mac OS X, 64-bit Solaris SPARC, 64-bit Solaris, and 32-bit/64-bit Windows platforms.

After downloading and installing the JDK you should update your PATH environment variable to reference the JDK's bin subdirectory of the installation directory, so that you can execute JDK tools from any directory in the file system. If you need instructions for updating PATH you can find them here. (Note that my examples are based on using the command line with command-line Java tools, but you can just as easily use Net Beans or another IDE if you prefer.)

Directory tip!

Pointing your JAVA_HOME environment variable to the JDK's installation directory enables any external Java-dependent software that you might subsequently install to locate your JDK installation.

The JDK installation directory contains various files and sub directories, including the following three important sub directories:

bin contains various JDK tools, such as the Java compiler (javac) and Java application launcher (java). You'll interact with these and other tools throughout the Java 101 series. (Note that the Java compiler and the JIT compiler are two different compilers.)

jre contains the JDK's private copy of the JRE, which lets you run Java programs without having to download and install the standalone JRE.

lib contains library files that are used by JDK tools. For example, tools.jar contains the Java compiler's class files -- the compiler is a Java application. (The javac tool isn't the compiler, but is a native-platform-specific convenience for starting the JVM and running the Java-based compiler.)

Now that you've installed the JDK and configured your development environment, you are ready to code your first Java application.

Java Edition's

Three editions of Java

Sun Microsystems released the Java 1.0 software development kit (JDK) in 1995. The first JDK was used to develop desktop applications and applets, and Java subsequently evolved to encompass enterprise-server and mobile-device programming. Storing all of the necessary libraries in a single JDK would have made the JDK too large to distribute, especially because distribution in the 1990s was limited by small-size CDs and slow network speeds. Since most developers didn't need every last API (a desktop application developer would hardly need to access enterprise Java APIs), Sun solved the distribution issue by factoring Java into three main editions. These eventually became known as Java SE, Java EE, and Java ME:

Java Platform, Standard Edition (Java SE) is the Java platform for developing client-side applications, which run on desktops, and applets, which run in web browsers.

Java Platform, Enterprise Edition (Java EE) is the Java platform built on top of Java SE, which is used exclusively to develop enterprise-oriented server applications. Server-side applications include servlets, which are Java programs that are similar to applets but run on a server rather than a client. Servlets conform to the Java EE Servlet API.

Java Platform, Micro Edition (Java ME) is also built on top of Java SE. It is the Java platform for developing MIDlets, which are Java programs that run on mobile information devices, and Xlets, which are Java programs that run on embedded devices.

Java SE is the foundation platform for Java and is the focus for this series. Code examples will be based on the most recent version of Java at the time of writing, which is currently Java SE 8 update 45.

What is java?

Java is a simple language.

Java was initially modeled after C and C++, minus some potentially confusing features. Pointers, multiple implementation inheritance, and operator overloading are some C/C++ features that are not part of Java. A feature not mandated in C/C++, but essential to Java, is a garbage-collection facility that automatically reclaims objects and arrays.

Java is an object-oriented language.

Java's object-oriented focus lets developers work on adapting Java to solve a problem, rather than forcing us to manipulate the problem to meet language constraints. This is different from a structured language like C. For example, whereas Java lets you focus on savings account objects, C requires you to think separately about savings account state (such a balance) and behaviors (such as deposit and withdrawal).

Java is a network-savvy language. Java's extensive network library makes it easy to cope with Transmission Control Protocol/Internet Protocol (TCP/IP) network protocols like HTTP (HyperText Transfer Protocol) and FTP (File Transfer Protocol), and simplifies the task of making network connections. Furthermore, Java programs can access objects across a TCP/IP network, via Uniform Resource Locators (URLs), with the same ease as you would have accessing them from the local file system.

Java is an interpreted language'

. At runtime, a Java program indirectly executes on the underlying platform (like Windows or Linux) via a virtual machine (which is a software representation of a hypothetical platform) and the associated execution environment. The virtual machine translates the Java program's bytecodes (instructions and associated data) to platform-specific instructions through interpretation. Interpretation is the act of figuring out what a bytecode instruction means and then choosing equivalent "canned" platform-specific instructions to execute. The virtual machine then executes those platform-specific instructions.
Interpretation makes it easier to debug faulty Java programs because more compile-time information is available at runtime. Interpretation also makes it possible to delay the link step between the pieces of a Java program until runtime, which speeds up development.

Java is a robust language.

Java programs must be reliable because they are used in both consumer and mission-critical applications, ranging from Blu-ray players to vehicle-navigation or air-control systems. Language features that help make Java robust include declarations, duplicate type checking at compile time and runtime (to prevent version mismatch problems), true arrays with automatic bounds checking, and the omission of pointers. (We will discuss all of these features in detail later in this series.)
Another aspect of Java's robustness is that loops must be controlled by Boolean expressions instead of integer expressions where 0 is false and a nonzero value is true. For example, Java doesn't allow a C-style loop such as while (x) x++; because the loop might not end where expected. Instead, you must explicitly provide a Boolean expression, such as while (x != 10) x++; (which means the loop will run until x equals 10).

Java is a secure language.

Java programs are used in networked/distributed environments. Because Java programs can migrate to and execute on a network's various platforms, it's important to safeguard these platforms from malicious code that might spread viruses, steal credit card information, or perform other malicious acts. Java language features that support robustness (like the omission of pointers) work with security features such as the Java sandbox security model and public-key encryption. Together these features prevent viruses and other dangerous code from wreaking havoc on an unsuspecting platform.
In theory, Java is secure. In practice, various security vulnerabilities have been detected and exploited. As a result, Sun Microsystems then and Oracle now continue to release security updates.
Java is an architecture-neutral language. Networks connect platforms with different architectures based on various microprocessors and operating systems. You cannot expect Java to generate platform-specific instructions and have these instructions "understood" by all kinds of platforms that are part of a network. Instead, Java generates platform-independent bytecode instructions that are easy for each platform to interpret (via its implementation of the JVM).

Java is a portable language

. Architecture neutrality contributes to portability. However, there is more to Java's portability than platform-independent bytecode instructions. Consider that integer type sizes must not vary. For example, the 32-bit integer type must always be signed and occupy 32 bits, regardless of where the 32-bit integer is processed (e.g., a platform with 16-bit registers, a platform with 32-bit registers, or a platform with 64-bit registers). Java's libraries also contribute to portability. Where necessary, they provide types that connect Java code with platform-specific capabilities in the most portable manner possible.

Java is a high-performance language.

Interpretation yields a level of performance that is usually more than adequate. For very high-performance application scenarios Java uses just-in-time compilation, which analyzes interpreted bytecode instruction sequences and compiles frequently interpreted instruction sequences to platform-specific instructions. Subsequent attempts to interpret these bytecode instruction sequences result in the execution of equivalent platform-specific instructions, resulting in a performance boost.

Java is a multi threaded language.

To improve the performance of programs that must accomplish several tasks at once, Java supports the concept of threaded execution. For example, a program that manages a Graphical User Interface (GUI) while waiting for input from a network connection uses another thread to perform the wait instead of using the default GUI thread for both tasks. This keeps the GUI responsive. Java's synchronization primitives allow threads to safely communicate data between themselves without corrupting the data.

Java is a dynamic language

. Because interconnections between program code and libraries happen dynamically at runtime, it isn't necessary to explicitly link them. As a result, when a program or one of its libraries evolves (for instance, for a bug fix or performance improvement), a developer only needs to distribute the updated program or library. Although dynamic behavior results in less code to distribute when a version change occurs, this distribution policy can also lead to version conflicts. For example, a developer removes a class type from a library, or renames it. When a company distributes the updated library, existing programs that depend on the class type will fail. To greatly reduce this problem, Java supports an interface type, which is like a contract between two parties

what programming language you should start . . .

Congratulations! You've just joined millions of people who have begun their coding journey with ME.

People often ask what programming language they should start with, and the answer truly is: "It depends."

Want to build your own website? Start with Make a Website. It covers all the basic HTML and CSS you'll need to create your own beautiful, responsive, website.

Want to process data or explore databases? SQL or Python are your best bet.

Want to make a game or app? Give JavaScript a try. This dynamic language will let you create interactive apps that you can use online or on your phone.

Wishing you the best in your new adventure,

My First app in java

public class YourName {

public static void main(String[] args) {

System.out.println("Zain Ali");

}

Note:

Let's get started by getting to know each other.

On line 4, type your name within double quotes between the parentheses like this:

Let's install app try this code to download click on logo of java

Java app

Java Basic & important concepts

Java

Java (programming language)

Java programming language is no1 language that use in android app and java app

Java is a general-purpose computer programming language that is concurrent, class-based, object-oriented,[14] and specifically designed to have as few implementation dependencies as possible. It is intended to let application developers "write once, run anywhere" (WORA),[15] meaning that compiled Java code can run on all platforms that support Java without the need for recompilation.[16] Java applications are typically compiled to byte code that can run on any Java virtual machine (JVM) regardless of computer architecture. As of 2016, Java is one of the most popular programming languages in use,[17][18][19][20] particularly for client-server web applications, with a reported 9 million developers.[21] Java was originally developed by James Gosling at Sun Micro systems (which has since been acquired by Oracle Corporation) and released in 1995 as a core component of Sun Micro systems' Java platform. The language derives much of its syntax from C and C++, but it has fewer low-level facilities than either of them.

The original and reference implementation Java compilers, virtual machines, and class libraries were originally released by Sun under proprietary licences. As of May 2007, in compliance with the specifications of the Java Community Process, Sun re licensed most of its Java technologies under the GNU General Public License. Others have also developed alternative implementations of these Sun technologies, such as the GNU Compiler for Java (byte code compiler), GNU Class path (standard libraries), and Iced Tea-Web (browser plugin for applets).

The latest version is Java 8, which is the only version currently supported for free by Oracle, although earlier versions are supported both by Oracle and other companies on a commercial basis.

In easy Words
Java is at the heart of our digital lifestyle. It's the platform for launching careers, exploring human-to-digital interfaces, architectonic the world's best applications, and unlocking innovation everywhere—from garages to global organizations.

Is Java free to download?
Yes, Java is free to download. Get the latest version at java.com.

If you are building an embedded or consumer device and would like to include Java, please contact Oracle for more information on including Java in your device.

Why should I upgrade to the latest Java version?
The latest Java version contains important enhancements to improve performance, stability and security of the Java applications that run on your machine. Installing this free update will ensure that your Java applications continue to run safely and efficiently.

MORE TECHNICAL INFORMATION

What will I get when I download Java software?
The Java Run time Environment (JRE) is what you get when you download Java software. The JRE consists of the Java Virtual Machine (JVM), Java platform core classes, and supporting Java platform libraries. The JRE is the run time portion of Java software, which is all you need to run it in your Web browser.

What is Java Plug-in software?
The Java Plug-in software is a component of the Java Run time Environment (JRE). The JRE allows applets written in the Java programming language to run inside various browsers. The Java Plug-in software is not a standalone program and cannot be installed separately.

I have heard the terms Java Virtual Machine and JVM. Is this Java software?
The Java Virtual Machine is only one aspect of Java software that is involved in web interaction. The Java Virtual Machine is built right into your Java software download, and helps run Java applications.
Java programming language logo

Paradigm Multi-paradigm: Object-oriented (class-based), structured, imperative, generic, reflective, concurrent

Designed by James Gosling

Developer Sun Micro systems (now owned by Oracle Corporation)

First appeared May 23, 1995; 21 years ago[1]

Typing discipline Static, strong, safe, nominative, manifest

License GNU General Public License, Java Community Process

Filename extensions .java , .class, .jar

Website www.oracle.com/java/
or click on logo to download

Major implementations

OpenJDK, GNU Compiler for Java (GCJ), many others

welcome to Learning World,Worlds No.1 dastination for Learning. Stay With Us for New Updates and Follow us On FB and Google+.

Search Here

Friday, November 11, 2016

How to Play you-tube video in your webpage

How to give color to links in post

How to give link in web post

Adding video on your webpage or blog

How To Add Image in html coding

HTML Images Syntax

HTML Screen Readers

How to comment in Html

The HTML Style Attribute

HTML documents are divided into paragraphs.

Headings are important in HTML documents.

Write HTML Using Notepad or TextEdit

Wednesday, November 9, 2016

How to install Xamp?

Html

What is HTML?

Example Explained

HTML Tags

How to start Web Designing?

What is XAMPP?

Xamp for windows

Xamp for linux

Xamp for Os x

WAMP SERVER

Tuesday, November 8, 2016

Adding function in java script

How to comment in java script

Java script arithmetic operation

Assigning the value to variable

JavaScript Programs

JavaScript Values:

First Program in java script

try this code as your beginning programme

<!DOCTYPE html><html><body><h1>My First JavaScript</h1> //write any line here you want to print<button type="button"onclick="document.getElementById('demo').innerHTML = Date()">Click me to display Date and Time.</button><p id="demo"></p></body>

JavaScript:

Why Study JavaScript?

Set up Java on your system

Java Edition's

Java is a simple language.

Java is an object-oriented language.

Java is an interpreted language'

Java is a robust language.

Java is a secure language.

Java is a portable language

Java is a high-performance language.

Java is a multi threaded language.

Java is a dynamic language

what programming language you should start . . .

My First app in java

Note:

Java Basic & important concepts

Java (programming language)

<!DOCTYPE html>
<html>
<body>
<h1>My First JavaScript</h1> //write any line here you want to print
<button type="button"
onclick="document.getElementById('demo').innerHTML = Date()">
Click me to display Date and Time.</button>
<p id="demo"></p>
</body>