FULLY HELP @fullyhelp-blog - Tumblr Blog

HTML URL Encode Tutorial

URL Encoding is the process of converting string into valid URL format.URL stand for Uniform Resource Locator. Through URL web browsers request pages from web servers.

When you click on a link in an HTML page, an underlying a tag points to an address on the world wide web. A Uniform Resource Locator is employed to address a document on the world wide web. html url encoding tutorial encoding is the practice of translating unprintable characters or characters with special meaning within URLs. Various characters are:

ASCII characters: Unprintable characters usually employed for output control. Character ranges 00-1F hex (0-31 decimal) and 7F (127 decimal).

Non-ASCII characters – These are characters beyond the ASCII character set of 128 characters. This range is part of the ISO-Latin character set and includes the whole “top half” of the ISO-Latin set 80-FF hex (128-255 decimal).

The html url should only be sent over the Internet using the ASCII character-set.Since URLs often contain characters outside the ASCII set, the URL has to be converted into a valid ASCII format.Then URL encoding automatically convert the characters into a format that can be transmitted over the Internet.

The URL encoding use the “%” to replaces the non ASCII characters followed by two hexadecimal digits. The URLs should not contain spaces. The + sign is used by the URL encoding to replaces a space.

#html url encode tutorial

PHP sessions

PHP session variable is employed to store the data about,or amendment settings for a user php session tutorial. Session variables hold data concerning one single user, and are available to all pages in one application.

In Session variable, session data is temporary and can be deleted when the user has left the web site,If you would like a permanent storage,then you will wish to store the data during database.

Starting a PHP session:

php session tutorial can be started by calling a function called Session_Start( ). The function initially checks if a session is already started and if none is started then it starts one. It is counseled to place the decision to call to session_start() at the start of the page.

Session_Start function should appear before the <html> tags.

Storing a session variable:

We can also store the session variable,see the example below:

Destroy a session variable:

By using unset() function or the session_destroy() function you can delete session data.

#php session #php session tutorial

HTML5 Introduction Tutorial

About HTML5 :-

The earlier version of HTML was comes in Late 90’s. HTML5 comes recently in the market with some new features and latest technology.The demand of HTML5 increases very fast. The web developer should update there knowledge with the latest technology to survive in the market.

HTML5 is intended to deliver nearly everything you wish to try and do online while not requiring extra plugins. It will everything from animation to apps, music to films, and may even be employed to build sophisticated applications that run in your browser.

HTML5 is a cross platform i.e. you made file on one browser and run on the different browser.

HTML5 features are not compatible with all the browser.However, major browser almost support this and they are working on it to make HTML5 fully compatible.

As you know with every new technology the rules for that technology is also be developed. So, HTML5 introduction tutorial also has following rules:

The HTML5 ought be device-independent.

It reduced the requirement for external plugins.

It reduce the difficulty of error handling as compare to previous versions.

The scripting must be get replaced by a lot of markup.

The establishment of new features ought to be supported HTML, CSS and JavaScript.

All New Features of HTML5:-

The <audio> and <video> determines a sound content and video for movies.

The <aside> determines the content aside from the page content.

The <canvas> determines Used to draw graphics, on the fly, via scripting.

The <datagrid> determines to set row or colmn grid and split number of individual column grid.

The <embed> determines container for an external applications. and lot more features:

For more info go to our HTML5 tag.

#html5 introduction tutorial

PHP Cookies

A Cookie is usually accustomed established a user. A cookie could be a little file that server embeds on the user’s PC. Each time a similar PC request a page with a browser,it will send a cookie too. With a PHP, you’ll each produce and receive cookie’s value.

Setcookie( ) function is used to set cookie.

Setcookie() function must appear before the <html> tag.

Syntax of cookie is:

setcookie(name, values, expiry, path, domain);

We take a example which makes easier to understand this:

Retrieving a cookie:

PHP $_cookie variable is used to retrieve a cookie value.

Delete a Cookie:

Deleting a php cookies is very simple process, set the value of the cookie to null, and also set the expire time of the cookie in the past. Ideally, one would set the expiry time to about a year in the past, so that if the system time is off , then the cookie will still delete correctly.

#php cookies

HTML5 Canvas Tutorial

The canvas is employed to draw graphics using scripting.It is also used to draw graphs, make photo compositions or do simple animations. Almost all the browser support support the html canvas tutorial .

You can also create canvas, Basically it is a rectangular area on a HTML page which has attribute like- id, class, width, and height.

Example:

To make a border through canvas use style attributes.

Example:

Output:

Attribute Used:

#html canvas tutorial

PHP Files and I/o

Generally, there are 4 types of I/O files are present in PHP that are as follows: opening , writing, reading, closing a file.

Opening a File:

The fopen() function in php is used to open files.This file require two arguments first one is the file name to be open and the next is that in which mode of the file is open.

If you want to open a file and fopen() function is unable to open the specified file then it returns false.

We take a example to generate a message if the fopen() function is unable to open the selected file:

When you completed the changes in the open file, it is important that you must close the php file & i/o with the fclose() function. For fclose() function it requires a file pointer as its argument and then returns true when the closure succeeds or false if it fails.

We take a example to generate a message if the fopen() function is unable to open the selected file:

Reading a file:

Once you open a file with fopen( ) function you can read the file with fread( ) function.The file require two arguments. These must be the file pointer and the length of the file expressed in bytes.

There are various types of function for reading a file:

The fgets() function is used to read a single line from a file.

The fgetc() function is used to read a single character from a file.

#php file & i/o

HTML5 SVG Tutorial

SVG is stand for Scalable Vector Graphics.The SVG is employed to define vector based graphics or diagrams like- pie charts, 2-d graphs etc.SVG is different from raster-based graphics, which store the color definition for each pixel in an array of data. The most common raster-based formats used on the web today are JPEG, GIF, and PNG, and each of these formats has strengths and weaknesses.

Various advantages of SVG are as follows:

SVG graphics are created using mathematical formulas that require far less data to be stored in the source file.

SVG graphics load faster because the source file size tends to be smaller.

SVG images are rendered by the browser and can be drawn programmatically.

The graphics of SVG is in XML format.

The SVG images can be printed with high quality at any resolution

Syntax of SVG:-

Example:

SVG Different from Canvas:

SVG is a language for describing 2D graphics in XML whereas Canvas draws 2D graphics.

In SVG every drawn shape is remembered as an object. If attributes of an html5 SVG tutorial object are modified the browser will automatically re-render the shape.Canvas is rendered pixel by pixel. In canvas once the graphic is drawn it is forgotten by the browser. If its position ought to be modified the complete scene must be redrawn together with any objects that might have been covered by the graphic.

#html svg tutorial

PHP File Inclusion

We can directly include the data of a PHP file into another php file inclusion before the server executes it. There are two PHP functions through which we can be used to include one PHP file into another PHP file.

The include() Function

The require() Function

Basically, both function are the same, both are used to insert useful codes written in other files, in the flow of execution.

Include() Function:

In include command, include takes a file name and simply inserts that files contents into the script that issued the include command.

Include will only produce warning like (E_WARNING) and script will continue.

Now, suppose you want to create a common menu i.e. menu.php with the following content:

Now create pages that you wanted and include this php file inclusion tutorial to create header. For example your test.php file can have following data.

This will display the following output

Require() Function

In require function, require will produce a fatal error like(E_compile_ERROR) and it will halt the script. Now we take a above example using require function

It will nothing display and stop the script.

#php file inclusion tutorial #phpl file inclusion tutorial

HTML5 New Elements Tutorial

The HTML5 is for most better then HTML4.1. HTML5 includes all html new elements like- graphics, audio and visual effects, several APIs and reduce the error handling and lot more features.

Some of the elements briefly describe below: The aside element:

It defines some content aside from the content it is placed in, aside content is related to surrounding content.

Example:

The canvas element:

This element is used to draw graphics using scripting.It is also used to draw graphs, make photo compositions or do simple animations.

Example:

The Datagrid element:

This element is employed to set row or colmn grid and split number of individual column grid.

Example:

The ruby elements:

The ruby tag is employed to indicates a ruby annotation. It display the pronunciation of East Asian characters.

Example:

All other elements given below in table:

#html new elements

PHP Switch

In PHP,the Switch statement is used to perform different actions based on different conditions.The Switch statement works like this, it takes a single variable as input and then checks it against all the different cases that you set up for switch statement. Instead of having to check that variable one at a time, as it goes through many of If Statements, the Switch statement only has to check one time.

Switch Statement example:

Let’s take a example, the single variable will be $company and the cases will be: Honda, Suzuki, Hero, Bajaj.

#switch statement

HTML5 Drag/Drop Tutorial

Drag and drop is new in HTML5. This allows the user to click and hold the mouse button down over an element, drag it to different location, and release the button to drop the element there.

A semitransparent illustration of what is being dragged can follow the mouse pointer throughout the drag operation. The drop location is also a different application.

Example:

Output:

Drag the image into this box:

#drag & drop

PHP Operators

To make it simple for you we take a expression which will make easier to understand, expression 5 * 5 = 25, here 5 and 25 are the operand and *, = are the php operators.

In PHP there are following type are operators:

Arithmetic operators:

Suppose variable A is 10 and variable B is 5 then:

Logical Operators:

Suppose we taking above example, variable A is 10 and variable B is 5 then:

Comparison Operators:

Suppose variable A is 10 and variable B is 5 then:

Assignment Operator:

This operator is used to write the value to a variable.

Conditional Operator:

There is one other kind of php operators tutorials called conditional operator.It is also called ternary operator.It first evaluates an expression for a true or false value and then execute one statement between the two given statements depending upon the result of the evaluation, condition operator woks as follows:

The first operand is implicitly converted to bool. It is evaluated and all side effects are completed before continuing.

If the first operand evaluates to true, the second operand is evaluated.

If the first operand evaluates to false, the third operand is evaluated.

The result of the conditional operator is that result whichever operand is evaluated. &nbsp:

#php operators #php operators tutorial

HTML5 Audio Tutorial

The HTML audio tutorial is employed to defines sound or audio files, such as music or other audio streams. Almost all the major browser use this element. Audio tag is new in HTML5.

To implement the audio you should use audio tag i.e. <audio control> </audio>

Any content between the opening and closing <audio> is fallback content and this content is displayed only by browsers that don’t support the <audio> tag.

Example:

</audio>

Output:

Browser Compatibility:

Standard Attributes:

Attribute Value Description src url It specifies the URL of your audio file id id It defines unique id for an element. class classname It defines the element class name. lang URL It Sets the language code. control Boolean attribute It defines that you need this to make the native audio player appear. Otherwise, you would have to use DOM to control the audio element to play your music.

#html audio tutorial

PHP String Functions

A string is sequence of characters, where a character is the same as a byte,hence php support 256 character set.

Split function, split the string function Tutorial into an array using regular expression and return the array.

Explode function , it is used to split a string using another sting.

PHP strlen() function:

The strlen() function is used to return the length of a string in characters.

Let’s take a example to find the length of our string “Hello happy!”:

<?php

echo strlen(“Hello happy!”);?>

Output will be:

Note: The length of a string is used in loop or other php string functions, when it is important to know when the string ends i.e. in a loop, we would want to stop the loop after the last character in the string.

PHP strpos() function:

The strpos() function is used to search for a string or specified characters within a string.

If a match is found, it will return the character position of the first match. If there is no match is found, it will return FALSE.

Let’s take a example to find a string ” happy!”in our string:

<?php

;echo strlen(“Hello happy!”);

Output will be:

Note: The position of a string “happy” in our string is 6 position.The reason that it is 6 position, and not 7 position, is that the first position in the string is 0 not 1.

#php string function tutorial #php string function

HTML5 Video Tutorial

The HTML video defines the video such as a movie clip or other html5 video streams. The video track is new in HTML5. The video tag is supported by almost all the browsers.

To implement the video you should use audio tag i.e. <video control> </video>. Any content between the opening and closing <video> is fallback content and this content is displayed only by browsers that don’t support the <video> tag.

Syntax:

Example:

<!DOCTYPE html>

<html>

<br>

</video>

</div><script>

var myVideo=document.getElementById(“video1″);function makeplay()

{

myVideo.width= 300;

}

function makestop()

{

myVideo.width=350;

}

</script>

</body>

</html>

Output:

Browser Compatibility: Browser mp4 webM ogg Mozzila Firefox 3.6 ✓ ✓ Opera 10.6 ✓ ✓ Chrome 8.0 ✓ ✓ ✓ Safari 5.0 ✓

Standard Attributes:

#html5 video

PHP GET & POST

Difference between PHP GET and POST method?

Get display the form values entered in the URL of the address bar where as Post does not do.

Get is used to submitted a small amount of data whereas Post is used to submitted large amount of data.

Get is used to store less sensitive data on the other hand Post are used to store more sensitive data as compare to php get method.

Get method are good for information required for either bookmarking a particular item, or for assisting in search engine optimization and indexing items. php post method is good for standard forms used to submit one time data.

Example of Get method shown below:

<?php

if( $_GET[“username”] || $_GET[“email”] ){echo “Welcome “. $_GET[‘username’]. “<br />”;

echo “You are “. $_GET[‘email’].”;

exit();

}

<form action=”<?php $_PHP_SELF ?>” method=”GET”>

UserName: <input type=”text” name=”username” />

Email: <input type=”text” name=”email” />

</form> </body> </html>

Example of Post method is shown below:

<?php

if( $_POST[“username”] || $_POST[“email”] ){echo “Welcome “. $_POST[user’name’]. “<br />”;

echo “You are “. $_POST[‘email’]. ;

exit();

}

<form action=”<?php $_PHP_SELF ?>” method=”POST”>

Name: <input type=”text” name=”username” />

Age: <input type=”text” name=”email” />

</form> </body> </html>

#php get method #php post method

HTML5 input types Tutorial

HTML5 introduces new input types for forms. We are going to take a look at each of them and explain why you should be using them right now.

These new input types of HTML5 have dual benefits: using them means less development time and an improved user experience.These new features allow better input control and validation.

The html5 input types are following:

Search:

Search seems like an appropriate place to start our foray into HTML5 input types.

Example:

Search:<input type=”search” name=”search”><br>

</form>

Output:

Search: Range:

The range type is employed for input fields that ought to contain a value from a range of numbers. The range input type is similar to number but more specific. It represents a numerical value within a given range.

The following code shows how we might mark up our skill level on a scale of 0 to 100 by setting the min and max attributes:

Example:

Skills: 0<input type=”range” name=”points” min=”0″ max=”100″>100

</form>

Output:

Points: 0

100 Color:

The color input type is pretty self-explanatory: it allows the user to select a color and returns the hex value for that color.

Example:

Choose color: <input id=”color” name=”color” type=”color”>

</form>

Output:

Choose color:

Datetime:

We can combine the date and time by using type=”datetime” for specifying a precise time on a given day.

Example:

</form>

Output:

Date and Time: Number:

The number type is employed for input fields that ought to contain a numeric value.

Example:

Sliper size: <input type=”number” name=”sliper size” min=”4″ max=”11″>

</form>

Output:

Sliper size: Email:

The email input type is no different than a standard text input type and allows for one or more e-mail addresses to be entered. Combined with the required attribute, the browser is then able to look for patterns to ensure a valid e-mail address has been entered.

Example:

E-mail: <input type=”email” name=”email”>

</form>

Output:

E-mail: tel:

The tel type is employed for input fields that tel is differs from email or other html5 input types tutorial in that no particular syntax is enforced.

Example:

Telephone: <input type=”tel” name=”tel” id=”tel”>

</form>

Output:

Telephone: URL:

The url type is employed for input fields that ought to contain a URL address.

Example:

Telephone: <input type=”url” name=”url”>

</form>

Output:

Telephone:

#html5 input types Tutorial #html5 input types

Trending Blogs

Recently Viewed Blogs

FULLY HELP