HTML

Meta tags are HTML codes that are inserted into the header on a web page Meta tag helps Google search simpler. The word Meta means information about.  Meta tag gives information inserted into the “head” area of your web pages. Meta tags, for example, can tell a browser what “character set” to use or whether [...]

  • Share/Bookmark
Tags:

HTML5 offers up some very interesting ways of arranging pages now.  In previous version of HTML we separated pages elements like the header, navigation, body, and footer by using a <div> tag.  At the time, <div> tags were considered by many to be the best development HTML had offered up in recent years.  <div> tags [...]

  • Share/Bookmark
Tags:

My first HTML5 powered website (www.navinsoni.in) has been up and running for a few weeks now and has even been featured on HTML5Arena, a gallery showcasing interesting HTML5 sites on the world wide web at http://www.html5arena.com/websites/view/489/navin-soni.  I am thankful to my boss, Navin Soni (not only because it is the redesign of his personal website), [...]

  • Share/Bookmark
Tags:

With the advent of HTML5, the web form feature has undergone a sea change. Many of the existing and previously much-used elements have been upgraded to have more muscle and lend more control to the designer. HTML5 form features have the potential of reducing the usage of JavaScript for form related functionality like validation, [...]

  • Share/Bookmark
Tags:

HTML5 has introduced several new inline elements in addition to the likes of span, strong, em, abbr, etc. Interestingly, they are not called “inline elements” anymore, but have been re-christened “text-level semantics”. Let’s take a detailed look at what they are and what they do.
mark: This element is meant to help in highlighting a [...]

  • Share/Bookmark
Tags:

Until now, there has never been a standard for showing video on a web page.
Today, most videos are shown through a plugin (like flash). However, not all browsers have the same plugins.
HTML5 specifies a standard way to include video, with the video element.
Currently, there are 3 supported video formats for the video element Ogg , [...]

  • Share/Bookmark

With an aim to minimize use of proprietary technology like Flash in web sites, HTML’s latest flavor HTML5 has made several enhancements like the quick-n-easy playing of audio and video files. Let’s take a look at various options and complications when it comes to embedding and streaming audio.
Embedding an audio file is easy. All you [...]

  • Share/Bookmark
Tags:

I am going to tell you how to make a Simple clickable gallery in 3 steps
Step1: Make the html page[Make the container & inner element]
<div id=”wrapper” align=”center”>
<div id=”transition”>
<a id=”auto_play” href=”#”>Auto Play Slide Show</a>
<a id=”previous” href=”#”><<Previous</a>
<a id=”next” href=”#”>Next >></a>
</div>
<div id=”big_image_container” align=”center”>
<img id=”big_image” src=”image/pic1.bmp” title=”Big Image” />
</div>
<div id=”thumb_image_container”>
<img src=”image/pic1.bmp” alt=”image1″ title=”image1″ />
<img src=”image/pic2.bmp” />
<img src=”image/pic3.bmp” />
<img [...]

  • Share/Bookmark

The sliding doors CSS technique to create a button or tab is very useful in interface design in terms of both flexibility and time saved. Often web designers and developers are required to make hyperlink-based rounded cornered buttons or even navigation tabs of varying widths. It is tedious to create them by slicing images for [...]

  • Share/Bookmark

We have created a simple Tag Cloud feature in our core php programming. Basically the Tag Clod is
available in word press or other content management system. Tag Cloud is the type of feature that
indicates the hitting on the particular tag or topic. In word press the blog comes under particular tag. If
people visit the blog [...]

  • Share/Bookmark