Posts Tagged ‘html forms’

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

December 23rd, 2009

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 other files.

» Read more: [HTML Tutorial] Top 15+ Best Practices for Writing Super Readable Code

[HTML Tutorial] You Want Faster Loading Pages?

November 14th, 2009

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 that appear to be pressed into the page just waiting for the image to arrive. (To learn how to get those images up faster, check this out.) Sometimes there’s even text in the box telling you what’s going to go in the box. Neat trick, huh?

» Read more: [HTML Tutorial] You Want Faster Loading Pages?

[HTML Tutorial] Creating Links to Other Pages

November 9th, 2009

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

» Read more: [HTML Tutorial] Creating Links to Other Pages

[HTML Tutorial] So You Want ME As Your Homepage

November 1st, 2009

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 user really wants your page set to be the home page. Don’t make them click “no” every time they come in. Keep everyone happy and let them choose whether to set your page as their home page or not.

» Read more: [HTML Tutorial] So You Want ME As Your Homepage

[HTML Tutorial] HOW TO MAKE AN IMAP

October 25th, 2009

Source:www.tutorialparadise.com

[HTML Tutorial] Create an active image

October 20th, 2009

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 craft. And this is the question they ask most:

» Read more: [HTML Tutorial] Create an active image

[HTML Tutorial] Basic HTML: Manipulating Text

October 14th, 2009

So, how did it go with your first HTML page last night? I’ll assume it went well. Because if I don’t, I can’t go on, and I want to go on. So, now you know the basics about placing tags and manipulating text in terms of strong and emphasis styles. That’s good, and along with the <HR>, <BR>, and <P> commands you’ll be able to play around pretty well with text placement. Now we’ll talk about changing text size.

» Read more: [HTML Tutorial] Basic HTML: Manipulating Text

[HTML Tutorial] CSS Classes, IDs, and Inline Styles

October 10th, 2009

There are three ways that you can use CSS technology in your web page. The style class, the style id, and inline styles can all be used simultaneously on the same web page.

Let’s see them in action. Open up a text editor and copy and paste the following:

» Read more: [HTML Tutorial] CSS Classes, IDs, and Inline Styles

[HTML Tutorial] Html Forms: Submit Button

October 7th, 2009

When a visitor clicks a submit button, the form is sent to the address specified in the action setting of the action setting of the <form> tag.

Since visitors aren’t always perfectionists you might consider adding a javascript validation of the content before it is actually sent.
SETTINGS:
Below is a listing of valid settings for submit buttons:
» Read more: [HTML Tutorial] Html Forms: Submit Button

[HTML Tutorial] Horizontal Pop-Up Menu

October 6th, 2009

This tutorial expands on my last CSS pop up menu tutorial.

This second part focuses on changing the menu so that it is horizontal, with the pop ups dropping downwards.

Essentially, the code itself works in the same way and stays pretty similar. The HTML code stays exactly the same as it was and we’ll just edit the CSS to achieve what we’re after.
» Read more: [HTML Tutorial] Horizontal Pop-Up Menu