HTML, CSS, and JavaScript Code Samples

This page has several quick tips and HTML, CSS, and JavaScript code examples that include little explanation. They are fairly simple if you already have a basic understanding of HTML, so they don't require a lengthy tutorial.

Often Updated

If you have a page you update often and want users to see the new information and not a cached page, include the following code in the HEAD section of your page:

<meta http-equiv="pragma" content="no-cache">

Word Definition Alerts

Are you an egghead? Do you use words the average person doesn't understand? 'splain yourself Lucy! Or let this JavaScript alert provide word definitions for you.

...and the toadie said yes, sir!

If you click on the word "toadie" an alert box pops up explaining what a toadie is. Here's how that was done:

<a href='javascript:alert("A toadie is a yes man.");'>toadie</a>

Home James

You never know what page someone will link to on your site, or which page will turn up in search engine results. For these two reasons, you should have a link to your home on every page of your site.

This is common knowledge, but I'm always amazed at how many sites don't follow this practice. To have people show up on a page in the middle of your site and not have any links for them to follow to get to the rest of your site is just silly.

Faster Page Loading

You should always use an image's height and width tags. The browser knows ahead of time how much space to reserve for the images and your visitors can read your content uninterrupted by the page getting rearranged when the image info comes in. It will help your pages load faster too.

<img src="yourpic.jpg" height="150" width="90">

Bold or Strong

Most browsers render text using the <b> tag the same as using a <strong> tag. To optimize your page for the fastest download times, always use the shortest tag available to accomplish the same thing.

Be bold - tell someone you admire something about them and make their day!

Change the Background Color on Other Web Sites!

If you're viewing a web page online and there isn't enough contrast between the text and the background color, you can type or paste this code into the address bar:

javascript:void(document.bgColor='#FFFFFF')

...and it will change the page color to white. If white isn't the best color to use, you can change it to any color you want. Enter the color you want in place of #FFFFFF, but be sure you don't accidentally remove one of the single quotation marks that surround the color or it breaks the JavaScript.

Note: This trick won't work if the page uses a background image. In that case you can simply press Ctrl + A to highlight all the text. That will give the page a choppy, ugly appearance, but it can do in a pinch.

How to Link to Other File Types

A question I get a lot concerns how to link to other file types besides HTML pages and images, such as zip files or fonts. The answer in most cases is, just like you do a web page, using the correct extension.

<a href="myzipfile.zip">My Zip File</a>
<a href="bluto.ttf">Bluto Font</a>

More free code samples coming...also see the current HTML Tutorials and the CSS Tutorials sections of this site.

Get Even More Tutorials Now!

There's much, much more in the members site. Just look...

Tables: A great 5-part tutorial, plus free code-generating software!
Frames: Excellent tutorials explaining frames and iframes.
Forms: How to create web page forms and cool form tricks explained.
Computer Tips: Over 100 computer tips for Windows computers.
CGI & CHMOD: Beginners guide to installing CGI scripts.
Drop Down Menus: Create compact drop down menus, with color!
Free eBooks: Others sites sell these, I give them to you LEGALLY.
Free Software: Free and legal to use software!

That's far from everything...

Learn how to create a pop-up slide show, back buttons, horoscopes, automatic last updated notice, no right-click, no copy and paste, break out of frames, scrolling backgrounds, confirm entry, email tricks, redirects, transition effects, add sound, SSI, copyright notices that update automatically, and more tips and tricks than you can shake a stick at -- too much to list here!

That's still not all...

You find cool utilities like:

Slide-in Menu Generator
Banner Maker Generator
SubMenu Generator
RBG Color Picker
Colored Scrollbars Generator
Page Colorizer
Pop-up Window Generator
Email Cleaner
Status Message Generator
Alert Message Generator
HTML and JavaScript Code Encryptors
...and many more!

Nope, not done yet!

The members site wasn't built just for htmlville, but also for my graphics site, my newsletter site, my computer site, and my site about success in life. These other sites also funnel new members to the members site, so you'll also find tons of professional quality web graphics, computer tips, and a plethora of articles covering a great variety of topics and resources from my newsletters. It's like having access to five members-only sites all in one -- and the best part (for you) is that it costs less to be a member per year than most member sites charge for one month!

WAIT! One last thing...

Members also receive the members-only version of my world-famous newsletter. Almost a Newsletter was named the Best Ezine of the Year by ibizNewsletters and one of the top three on the net by Writers Digest magazine, just to name a couple of the awards it's received. One of the features of the members version is discounted software. You not only get the biggest discounts I offer on my own products, but other software vendors offer discounts (up to 50% off) for my members. What are you waiting for?

Find out more and join here.

Note: Discounts are not ongoing. You'll usually have about 30 days to take advantage of the price cut.

Web Design

Site Information

More Boogie Jack Sites