Minggu, 20 Juni 2004

Create More Advanced Forms

15.23 Unknown

Here is how to create a basic form.Maybe you want to create a better form, so here are some more advanced html tips.Before I start, please make sure that you change the e-mail adress in the form code.Also, if your form does not work, try cramming the form code into one line.Okay, so here was the code for the "basic form"<FORM action="mailto:nilsmolina@comcast.net" method="post" enctype="text/plain"><TABLE BORDER="0" CELLSPACING="0" CELLPADDING="4" WIDTH="90%"><TR><TD width="30%"><DIV align="right"><B>Name:</B></DIV></TD><TD width="70%"><INPUT type="text" name="name" size="20"></TD></TR><TR><TD><DIV align="right"><B>Email:</B></DIV></TD><TD><INPUT type="text" name="email"...


Sabtu, 19 Juni 2004

Page Fading: Internet Explorer

10.10 Unknown

Did this page fade when you came into it? If it didn't you are probably using a browser other than Internet Explorer (or HTML Tips is your home page, which is highly unlikely). That fade was accomplished using this command in the head of the HTML code (crammed onto 1 line):<meta http-equiv="Page-Enter" content="blendTrans(Duration=2.0)">This "blends" the page in for 2.0 seconds when it is entered. You can change the Page-Enter to Page-Exit, Site-Enter, or Site-Exit. Also, you can change the "blendTrans(Duration=2.0)" to:"revealTrans(Duration=2.0,Transition=2)" for Circle In"revealTrans(Duration=2.0,Transition=5)" for Wipe Downor"revealTrans(Duration=2.0,Transition=10)" for Checkerboard Across. Change the Duration=2.0 to a different number for a longer or shorter transition (in seconds)....


Kamis, 17 Juni 2004

Background Color

11.03 Unknown

Replace the <body> tag with this:<body bgcolor="#00FFFF">It will make your web page have a light blue background color.Change the #00FFFF to one of these to have a different background color:#FFFF00=Yellow#FF66FF=Purple#FF6699=Pink#FF6600=Orange#FF0000=Red#CCFF99=Green#CC6600=Brown#99CCFF=Blue#6600FF=Dark Blue#000000=Black#FFFFFF=WhiteHere is an example of a web page using this html t...


Internet Explorer: Background Sound

10.57 Unknown

If you have internet explorer, then you can use this tip.This tip should be used right after the <head>:Insert this code onto ONE line:<bgsound src="http://home.comcast.net/~nilsmolina/Hecho.wav" loop="-1">And you will get background sound like this.Change the url for a different sound location.Change the loop number if you would like to specify the amount of loops the sound should play.That is how to add background sou...


Prevent Browsers from Caching

07.11 Unknown

Many browsers know that people don't always have 3 megabit connections to the internet (why are you staring at me), so they save websites onto their viewer's computer. Then, when the viewer visits the website again, the browser puts the outdated version of the web page it has saved in front of the viewer. This process is called caching. If your page is constantly updated, it is usually a bad idea to have browsers cache your website. Therefore you will need this html tip:Put this code right after the <head>:<META HTTP-EQUIV="Expires" CONTENT="Tue, 01 Jan 1980 1:00:00 GMT"><META HTTP-EQUIV="Pragma" CONTENT="no-cache">Do not worry about the queer date, but worry about putting the code onto the least lines as possible. Your page will now probably never be cached again!This web...


Rabu, 16 Juni 2004

Put in a Tiled Background

13.54 Unknown

Many people want backgrounds.So here is an html tip for it.Change your body tag (<body>) to...<body background="https://home.comcast.net/~nilsmolina/0rrgobve%5B1%5D.jpg">(make sure the above code is on one line once inserted)Your website will look something like thisTo change the little background image, change the url (http://...).That is how to put in a tiled backgrou...


Selasa, 15 Juni 2004

Justify Text

16.13 Unknown

Look at the code for justifying text:<p align="justify">bla bla bla bla blablabla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla</p>It creates this justified text:bla bla bla bla bla bla blablabla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla(Unjustified text:bla bla bla bla bla bla bla bla bla bla bla blablabla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla bla...


Align Text/Images

15.42 Unknown

To align text to the right insert this code:<p align=right>aligning text with this tip</p>It will create this:aligning text with this tipIf you would like to align the text to the left or center instead, change the right to left or center.More tips for formatting textLearn how to justify text here...to align images use the following html tip:Here is a normal image:html code=<img src=http://www.google.com/images/logo.gif>output=Here is an image aligned to the right:html code=<img src=http://www.google.com/images/logo.gif align=right>output=To make an image centered, change the right to center.You can also change the right...


Senin, 14 Juni 2004

Javascript: Print This Page

16.38 Unknown

This html tip will put the page on paper.The code for a print this page link is:<a href="#" onkeypress="javascript:if (window.print !=null)window.print();return false" onclick="javascript:if (window.print !=null)window.print();return false" title="Print this Page - or select File and Then Print from yourbrowsers menu">PrintThis Page</a>If that code is copied and pasted onto one line, it will create a link like this:Print This PageNow you can have viewers print your pag...


Minggu, 13 Juni 2004

Building a Web Page From Scratch

11.26 Unknown

Delete all the html code you have for your web page if you want to start your page from scratch! To start a web page from scratch with html insert this code: <html> <head> </head> <body> </body> </html> After you have done this, you can look at the html tips provided at this web page and use them between the <body> and </body> tags. I suggest looking at this tip first. Remember that to make a link, you use this code: <a href="http://htmltips.blogspot.com">Link</a> The link will look like this: Link Also, you may want to look at the tips about images on this site. Also, to make new lines, look at this tip.NOTE: Some tips may need to go between the <head>  and </head> . For example, all tips which use meta go in...


Hit Counter

11.20 Unknown

If you would like a hit counter on your web page like the one at the bottom of this website, then you will have to e-mail me becuase of technical difficulties... When I respond to the e-mail, I will simply give you html code which you can cut and paste into your site. Also, I will give you instructions on how to optionally edit the code to make the counter look different. If you don't like the counter, you can remove it from your site at any time. If you e-mail me, you will get a valuable html t...


Have Text Highlighted

10.38 Unknown

This is the code for normal text:HTML TEXTIt will create this:HTML TEXTTo have HTML highlighted, change the code to this:<span style="background-color: #FFFF00">HTML</span> TEXTIt will create this:HTML TEXT This html tip will make your page even fancier.Read more about text formatting h...


Senin, 07 Juni 2004

Make Advanced Tables

14.50 Unknown

Here is how to create a basic table, so you will understand the following info.Now that you've learned that, wouldn't it be nice to have a few handy table html tips?Here they are:First, we should already know that <table style="text-align: left; width: 100%;" border="3"cellpadding="2"><tbody><tr =""><td style="vertical-align: top;">Html Table1<br></td><td style="vertical-align: top;">Html Table2<br></td></tr><tr><td style="vertical-align: top;">Html Table3<br></td><td style="vertical-align: top;">Html Table4<br></td></tr></tbody></table><br>is the code for a table.And the table will look like this:Html Table1Html Table2Html Table3Html Table4I shall also stress that...


Kamis, 03 Juni 2004

Weird Tips for Scrolling Banners (Marquees)

17.01 Unknown

Before reading, click here to see how to create a basic marquee.Now, after you've read that, you are probably dying to get some tricks implanted into these marquees.See this code? It puts an image resized to a height of 33, a width of 82, and the alternative text: "google picture in a marquee for this html tip so whatever". <MARQUEE>Hi There! <IMG SRC="http://www.google.com/images/logo.gif" HEIGHT=33 WIDTH=82ALT="google picture in a marquee for this html tip so whatever"></MARQUEE>If crammed into ONE line, the code creates this:Hi There! You can also use all types of interesting html inside the <marquee> tags.So, now...


Selasa, 01 Juni 2004

Creating Numbered Lists

16.25 Unknown

Here is some basic code for this html tip.<ol><li>Item Number 1<li>Item Number 2</ol>It will create a numbered list like this one:Item Number 1Item Number 2Also, you can change the code to this:<ol type=I><li>Item Number 1<li>Item Number 2</ol>And you get the numbers in Roman numerals:Item Number 1Item Number 2You can also change the tip like this:<ol type=A><li>Item Number 1<li>Item Number 2</ol>Which creates letters instead of numbers:Item Number 1Item Number 2Finally, you can change the A or I after the type= and you will get some lowercase roman numerals or letters, instead.This tip will get the information organized in neat ways.Also, see this tip on how to make normal bulle...


Create a Little Table

12.15 Unknown

This html tip will allow you to create tables like this one:Html Table1Html Table2Html Table3Html Table4The code for that table was:<table style="text-align: left; width: 100%;" border="3"cellpadding="2"><tbody><tr =""><td style="vertical-align: top;">Html Table1<br></td><td style="vertical-align: top;">Html Table2<br></td></tr><tr><td style="vertical-align: top;">Html Table3<br></td><td style="vertical-align: top;">Html Table4<br></td></tr></tbody></table><br>When inserting the above code, make sure you put the top two lines onto ONE line.If you would like to add another cell in an existing row, simply put in another<td style="vertical-align: top;">Html Table2<br></td>in...


Pages 371234 »
Twitter Delicious Facebook Digg Favorites More
RSS FeedSubscribe to our RSS feed!
Follow me on Twitter!Follow me on Twitter!