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

HTML Tutorial – So You Want ME As Your Homepage

The Code I’ll show you how it’s done, but a word of warning first. Only offer this as something the user can click on to enact. Yes, it is possible to set this script to an onLoad event handler so that it happens as soon as the user logs into your page. Don’t do that. For one thing, the process doesn’t happen without your users knowing. A little box pops up once the script runs, asking if the...

HTML Tutorial – HOW TO MAKE AN IMAP

...

HTML Tutorial – Create an active image

Use these to jump around or read it all… [Basic Link Format] [An Image Link] [Removing the Blue Border] This is a topic that is covered in the Primers section of HTML Goodies, but deserves its own short tutorial. The volume of e-mail I receive runs in cycles. The questions become more and more complex and then, all of a sudden, they become very simple. The new wave of HTML artists are trying their hands at the...