Hello Everyone!!
In this blog, we are going to know about the Session storage in HTML5. As we know that web can store the data locally with in the browser. We can store the data using sessionStorage without affecting the pe...

Hello Everyone!!
Nowadays, We can use the HTML5 to find the Geo-location of the user. Earlier IP was the source of getting the location of the user so that we used additional scripting and also the calling of the server, but using h...

HTML5 have native feature for audio and video facility and for it you do not need to have flash.
There are two tags <audio> and <video> it is very simple to add media in your website for it you just have to set the source path. B...

Hello Readers,
In the previous chapter we learn about html5 element, and now we learn about attributes
So, basically we have two type of attributes in html5 first can be used with any element so we define them globally and others are define...

<colgroup> tag:
It is used to apply different properties on more than one column in a table by grouping columns. Like with the help of this tag we can apply CSS on more than one column otherwise we have to apply CSS individually on each ...

Tooltip:
A tooltip is generally used to indicate hints (extra information) about something when the user moves the mouse pointer over an element.
We can use either bootstrap tooltip plugin or we can create our own tooltip using html a...

accesskey Attribute:
Accesskey attribute is used in html forms and links. It provides the user to use keyboard keys for functions which are usually done by a mouse. Example: Like user clicks on links in a webpage using mouse , so with th...

Flipping Image can be extremely valuable these days. The most basic use-case for flipping images that I can consider would incorporate some sort of image on the front, and some data related to it on its back.
By using below code we can u...

On viewing the responsive website in our mobile device, the responsiveness of the website can be maintained via @media queries but on double click to the web page it will make a zoom effect in the device and than the horizontal scroll will appear...

Hello Reader's if you are developing the Ecommerce based website in which you want to integrate the facebook sharing option, then this blog is very helpful to you.
So lets start with the html doc.
To get Facebook sharing first you...

The navbar menu is used in header or footer and in many cases in the content also. It is responsive by default in bootstrap and take size according to screen size.
The navbar get collapsed in case of small devices like mobile phones and there is...

To create slider with angular UI, carousel is used as it is same as bootstrap's image carousel. But It also supports swiping in the touch devices. ngTouch is used to enable the swiping in the touch devices. We have to load ngTouch module as a...

In html we use list attribute for arranging data in the form of list.
Their are two types of list in html.
Ordered List
Unordered List
ORDER LIST
If we want to put our data in numbered form rather than bullets then ordered list wil...

When we want to take(collect) information from user or those who are visiting site, for this purpose html forms are use.
for eg:- for user registration in any social site, we want to collect his personal information like his name,last name, ema...

If we want to print data in the form of table in html we use TABLE tag. Table contain rows and columns.
For creating rows in table we use
tr tag with in table tag.
For creating columns in table we use
td tag with in tr tag.
Syntax
...

Media rule in CSS is very attractive way to define different style rules for various types of screens(tablets/mobile screen) Media queries look at the capability of the device and be used to check various things:
Height and Width of the ...

HTML5 is having new elements, which helps the developer to make their document in the form that can be easily understood. By using HTML5 elements there is no need to use <div> again and again. This makes our work easier by using less number...

Hello Reader's if you are making the resposive website then you can make login and signup in same desing template.
Then you just have to create a front page in html and use the following code:-
<link href="//maxcdn.bootstrapcdn.com/font-...

Hello Reader's if you want to use drag and drop feature in website then you can use the code as below:-
First create file drag.html and paste the following code in it.
<img id="source" src="../files/images/yourimage.jpg...

Hello Reader's! in this blog you will learn how to draw the shapes and figure using just html5 tags.
In html 5 you can draw some basic shape like square and rectangle and circles. Let's see some of them no
<svg width="300" height="100">...

Hello Reader's if you want to write special heading in the custom way in web page then you can use the custom html function as below:-
This function will take the font face and size from user and generate the given text into a picture.
&l...

Hello Reader! If you are new to web desingning and you need to insert some special symbols in your web page then this blog is very helpful for you.
You might have seen copyright symbol , This type of symbol will only generate if you insert their...

Hello readers if you want a single page website in which all the pages and links will be the sections of Home page. By using the bootstrap you can make it. Here you can see my code working as single page website.:-
<!DOCTYPE html>
...

Hello Reader's if you are looking for the simple and light Slider to integrate into your website then Carousel slider is the best. You can take my code as below:-
<!DOCTYPE html>
<html lang="en">
<head>
<meta ch...

Hello Reader's if you are making the file upload in html form, Then you can also show the status of the file to upload.
Lets see the example code as below:-
<!DOCTYPE html>
<html lang="en">
<head>
<link rel="styles...

Hi Reader's,
Welcome to FindNerd, today we are going to discuss how to make a download link ?
So we will use HTML anchor download attribute for making a download link.Because The download attribute is used to specifies that the target will...

Hello Reader's!
If you need to set a option box with multiple select options then you can use the logic below:-
Logic is to set the name of your option box in array format, Like
<select name="flower[ ]" multiple>
Lets see the...

The datalist tag provides a list for options that are predefined for an input element in the html.
The datalist tag can be used to provide an "autocomplete" feature on input elements. After using this the predefined options list is made as we ...

Hello,
I am sharing an example of html with the use of mediaquery.
Here in the given example below in which i have used 3 separate files,namely
1:Html (a file with .html extension)
2:External css style sheet (a file with .css extensio...

Span tag plays a very important role in HTML, CSS designing.It is used to provide beautiful,attracting,as desired features to the attributes using CSS.
SPAN tag is a tag using which attributes can be implemented.
There many tags but we m...

1) There are many different kind of CSS
selector which we can use to apply
CSS style to an element in html. ID
and Class are one of them.
Using Class attribute are easier
as compared to id because of the
negative effects of an ID selec...

Hello Reader's! If you are looking for functionality for reloading a web page only when user makes no activity for a while, Then you can use the ajax technology for making the html tag refresh.
Lets see the example below:-
<html>
...

Hello
This blog is in continuation with my previous blog about the html5 input attributes.
Here is the link:
html5 new input attribute
1)FORMMETHOD
This attribute is used for submiting data to the given action url overriding the metho...

Either you are a Professional Blogger or doing Guest posting just for Knowledge sharing you must face HTML code problems. I know HTML is a web designing/ programming language but I think every Blogger must know some Basic HT...

With the help of Bootstrap we can create a Scrollspy function.The Scrollspy plugin is used to automatically update links in a navigation list based on scroll position. According to the below example, i am using data-spy=scroll it is used to scol...

Hello Reader's
Here is the article which will help you to know, How to Avoid HTML Mistakes
In this article I will guide you how to avoid minor mistakes when create an HTML Page.
1) Don't use block elements within Inline elements.
**Wrong ...

Hello Reader's
In this article I will guide you how to create custom responsive tabs without use of any Jquery plugin.
This will surely make your web page faster because its not an plugin. Its an simple custom Jquery HTML & css.
Copy and p...

Hi all,
This is an experimental technology
Because this technology's specification has not stabilized, check the compatibility table for the proper prefixes to use in various browsers. Also note that the syntax and behavior of an expe...

Hi,
If you owning a website you might have seen logo's and banners for it, but there's also a little icon on top on tabs showing your website Icon. That icon is called as Favicon.
this is a icon format you can generate this easily with easy s...

pre{padding:4px;border-radius:0px;}
Hi all,
Selector are the basic component in the CSS. Here's a definition of the selector from W3C documentation -
A Selector represents a structure. This structure can be used as a condition (e.g. in...

Hello Users,
In the today world you can crate a responsive newsletter with help fo simple CSS.
You just follow 3 steps:-
1:- No Fixed Width
Generally we create f wrapper for a frame with fixed width. In this we can not use any fixed ...

We are change the input type file title with the help of this script
Like Browse Title Change in to Choice File
use this script for change Title
function browseclick(){
var fileinput = document.getElementById("browse"); // use in...

How to enter values in html table dynamically
Filling Values in a html table dynamically
//Below is the program to create a table structure dynamically.
//Input is taken from the User in 'Radius' TextBox and Unit is selected from 'Sel...