HTML Tutorial – Adding a Favicon to Your Site

Nowadays, when one visits a website, they would see an icon next to the url or perhaps the web page title on a tab. This icon is at times referred to a favicon. In this tutorial, you will learn how to add a favicon to your site. Setup If you have not already done so, open Visual Studio and create a new web project. If you rather use your own developing environment or text editor such as notepad, you may set...

HTML Tutorial – How to Reference External CSS Files in HTML

Having CSS embedded in your HTML document is not exactly recommended any longer. With all the new features and demands of creativity on sites, having an external CSS file or two may come in handy. In this tutorial, you will learn how to properly reference an external CSS file. Setup This tutorial was written using Visual Studio 2010. Visual studio is available for free in its express edition to the public. Just...

HTML Tutorial – Learn How to Use HTML5 Video Tags

There is no longer a need to embed videos from an external source anymore with massive blocks of code. With HTML5, one new tag will control it all! Introducing the new HTML5 video tag, all you need is the file path and the video format (recommended: MP4 or OGG). In this tutorial you will learn how to use the new HTML5 video tag in your site. Setup This tutorial was written using Visual Studio 2010. Visual...

HTML Tutorial – How to Add a Google Plus One Button on Your Web Page

The Google +1 button is analogous to the Facebook “Like” button.  It is pronounced “plus one”, although usually spelled as “+1″ in the official Google documentation. Visitors can click on the button to recommend publicly a particular page or web item.  Other people can see how many times the page have been “+1′d” (meaning the number of times the +1 button had been clicked).  This aggregated...

HTML Tutorial – Learn How to Embed CSS in an HTML Document

If you are new to web development and just started learning how to style your HTML code, embedded CSS is the way to go. Embedded CSS out rules inline styling (placing styles within element tags) since one is able to refer to a single set of code rather than searching line by line for styling within your document. In this tutorial, you will learn how to use embedded CSS in an HTML document. Setup This tutorial...

HTML Tutorial – Adding a Favicon to Your Site

Nowadays, when one visits a website, they would see an icon next to the url or perhaps the web page title on a tab. This icon is at times referred to a favicon. In this tutorial, you will learn how to add a favicon to your site. Setup If you have not already done so, open Visual Studio and create a new web project. If you rather use your own developing environment or text editor such as notepad, you may set...

HTML Tutorial – Using The Slider Bar

HTML5 is making a solid attempt at providing an easier life for people who build web applications. The “Slider Bar” is a very common user interface control in desktop applications, and has made its way onto the web in a big way in the last few years. It used to be that we’d have to whip up a few lines of JavaScript before we could use one of these sliders in our application, but HTML5 has given us an even...

HTML Tutorial – Adding a Favicon to Your Site

Nowadays, when one visits a website, they would see an icon next to the url or perhaps the web page title on a tab. This icon is at times referred to a favicon. In this tutorial, you will learn how to add a favicon to your site. Setup If you have not already done so, open Visual Studio and create a new web project. If you rather use your own developing environment or text editor such as notepad, you may set...

HTML Tutorial – Pure CSS Navigation Menu

Designing a rich looking navigation is not the herculean task it seems to be. Here’s another easy tutorial which will help you design a navigation bar from scratch using just CSS and no images. Alright, here we go… The final product This is what your nav bar will look like at the end of the tutorial. You only need a basic knowledge of CSS to pull this off, so no worries. See Live Demo! or ...

HTML Tutorial – Tips to Ensure Easier Website Navigation

As having a website becomes essential for any online business, it is also equally important to get better ranking, relevant traffic and ultimately Leads and sales. There are a lot of issues to be taken care from the very beginning right from building a website to launch and promote it effectively. We’ll discuss one of the important aspects of website i.e. website navigation. Here are a few tips to enhance...

HTML Tutorial – Hidden, Password and File Upload Fields

This tutorial looks at three HTML form input types: hidden fields, password fields, and file upload fields. This tutorial explores three special types of HTML form input fields: hidden fields, for passing information without displaying it to the visitor password fields that allow the visitor to enter sensitive information, and file upload fields that allow visitors to upload files from their hard disk to your Web...

HTML Tutorial – Checkboxes, Radio Buttons and Select Form Fields

Learn how to add checkboxes, radio buttons, and ‘select’ menus to HTML forms. This tutorial takes a look at three HTML form fields that allow your visitors to choose from a list of options: checkboxes, radio buttons, and select menus. Find out how to create HTML forms in our HTML forms tutorial. Checkboxes HTML checkboxes are simple fields that can be toggled on or off with a mouse click. A checkbox can...