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 – 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 – 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...

HTML Tutorial – The Simple Secret to Good Dropdown Navigation

Almost every example of good dropdown navigation on the web today relies on a single, simple HTML structure: the nested unordered list. Without this structure, dropdown menus would be much more complex to build than they already are. Of course, that means that knowing how to build a good nested unordered list is critical to this entire process. I’ve seen many examples of people trying to build a dropdown ...

HTML Tutorial – Using ellipsis

If the text is too wide to fit into a container, a nice solution can be to have ellipsis to show there’s more information available. While not currently part of the official HTML specifications, it is possible to have ellipsis defined in CSS and it works for Internet Explorer, Safari, Chrome and Opera. It doesn’t work for Firefox but there’s a workaround that can be done with jQuery. ...

HTML Tutorial – Top 15+ Best Practices for Writing Super Readable Code

1. Commenting & Documentation IDE’s (Integrated Development Environment) have come a long way in the past few years. This made commenting your code more useful than ever. Following certain standards in your comments allow IDE’s and other tools to utilize them in different ways. Take this example: The comments I added at the function definition can be previewed whenever I use that function, even from...

HTML Tutorial – 9 Most Common IE Bugs and How to Fix Them

1. Centering a Layout Centering an element is probably something every web developer has to do while creating a layout. The easiest and most versatile way to center an element is to just add margin: auto; to the relevant element. The above method will take care of centering the element irrespective of the resolution and/or browser width. IE 6 in quirks mode however decides to handle this in the most unfortunate way...

HTML Tutorial – You Want Faster Loading Pages?

The Visual Have you ever gone into someone’s site and you sit there waiting, looking at a blank page? You know the page is loading because the little numbers across the bottom are rolling, but there’s nothing. Well, my pages don’t do that. When you log into HTML Goodies, the entire page loads right away. All the text is there. What’s not there yet are the images. But there are little boxes...

HTML Tutorial – Creating Links to Other Pages

Creating A Hypertext Link Today you will learn only one basic technique: How to create a (hyper) link to another page. It’s a set tag format that’s part of the Hyper Text Markup Language (HTML) like any of the others you may have seen. Once you learn the format, you can make as many links as you want to any other page you want. Now an example: What is below would create a link to the HTML Goodies home...