Selasa, 17 Mei 2005

Build a Web Page

00.37 Unknown

This tip will tell you exactly how to code your own HTML website.First, remember that most tags must be eventually closed. The syntax would be: <tag> CONTENT </tag>.Open a text editor such as notepad, or the HTML editor for your hosting service.The first tag in your website should be <html>, which starts the HTML site.Immediately after this should come the <head> tag.So far, you should have the following:<html><head>The next step is to enter the title of your website. This is what shows up in the title bar of the internet browser. Put the title between the <title> and </title>. Then, end the head with </head>. You will end up with:<html><head><title>TITLE</title></head>Other data to put into the head includes...


Minggu, 15 Mei 2005

Links and Images Basics

16.19 Unknown

These tips and tricks will teach you how to put a link or an image into an html page.To put a link, use the following code:<a href="http://google.com">Google</a>The result is as follows:GoogleMake sure you change "http://google.com" to the address of the site that you want to link to and that you change "Google" to the text that you want users to see.To put an image into your web page, use the following code:<img src="http://www.google.com/intl/en/images/logo.gif">The result of that code is as follows:Make sure that you change "http://www.google.com/intl/en/images/logo.gif" to the address of the image you want to display.So...


New Line Tips

10.39 Unknown

Sometimes you want there to be a large number of empty lines.If you do, you will have to use <br>Simply insert <br> wherever you want there to be a new line.For example, if you want 5 lines to be skipped, use this html code:<br><br><br><br><br>It will create this:You can put the br tag nearly anywhere in your html document. Make sure that it is in the body, howev...


Tips on Headings

10.15 Unknown

These html tips and tricks will show you different types of headings.Look at the following html code:<h2>Heading 2</h2>It creates this heading:Heading 2Now looking at this html code:<h3>Heading 3</h3>It now creates this slightly smaller heading:Heading 3The 2 and 3 in H2 and H3 can be changed to any number between 1 and 6 to make different sorts of headings.Here is an example of some code that uses headings:<h4>Heading 4</h4>Heading 4 is the fourth most important heading.<h5>Heading 5</h5>Heading 5 is the fifth most important heading.The code results in the following:Heading 4Heading 4 is the fourth most important heading.Heading 5Heading 5 is the fifth most important heading.Related Tip:Tips for Formatting T...


Fun Tips and Tricks

10.05 Unknown

These html tips and tricks will show you some rarely-used html tags.All these tags will show the exact same primitive-looking text:<code><kbd><tt><samp>For example, look at the following code:<kbd>Text style that can be used to show programming code or basic, boring texts</kbd>That code will create this:Text style that can be used to show programming code or basic, boring te...


Sabtu, 14 Mei 2005

Pre-Formatted Text

14.51 Unknown

These tips and tricks will allow you to have greater control over text.To preformat text, you will need to look at the following html:<pre>      This text is           preformatted</pre>It will display the following: This text is preformattedIf you simply were to remove the <pre> tag, like this:      This text is           preformattedThen this text would be displayed: This text is preformattedHere is another example of the uses of preformatting te...


Jumat, 13 Mei 2005

Javascript: Rollover Buttons

18.05 Unknown

These javascript tips and tricks will teach you how to make image links that change as you put your mouse over them. It is simple.First, you need two images. One will be the image when the link is not being touched, the other image is when the link has been activitated.In this case, I am using these two images:Second, you need to put this code in between the <head> and the </head> on the page that the rollover link is going to be on:<SCRIPT LANGUAGE="Javascript"><!--image1= new Image( );image1.src="http://www.blogblog.com/tictac/tictac_orange.gif";image2= new Image ();image2.src="http://www.blogblog.com/tictac/tictac_green.gif";//--></SCRIPT>Make...


Javascript: Password Tips

12.04 Unknown

If you want a page to be password protected, look at these html tips and tricks.The first step is to find a web page that is password protected.Mine is: http://htmlpassprotect.blogspot.com/The second step is to find a web page that will be gone to if the visitor types in the wrong password.I chose: http://htmltips.blogspot.com/It may be better, however, to make a page that will say, for example, "YOUR PASSWORD IS INCORRECT. CLICK HERE TO TRY AGAIN. CLICK HERE TO GO BACK."The third step is to insert the following code in between <head> and </head> on your password protected page:<SCRIPT language="JavaScript"><!--hidevar password;var pass1="cool";password=prompt('Please enter your password to view this page!',' ');if (password==pass1) alert('Password Correct! Click OK to...


Kamis, 12 Mei 2005

Mouseover Hyperlinks Tips

17.23 Unknown

If you want to make your site fancy, these tips are for you!The tips and tricks in this post allow two different types of mouseover links.The first is one that will act as if visitors have clicked the link when they have simply put their mouse on top of it.For example, look at the following link:Look at this site!It was made with this code:<a href=" "onmouseover="parent.location='http://google.com'"> Look at this site!</a>Copy and paste the code into your HTML code and the change the text in italics and you are done!The second mouseover link tip is one that will show a pop-up window when a visitor puts his or her mouse on the link.Look at this link:I like web pagesIt was made with slightly different code than the previous tip. Look at the HTML:<a href="" onMouseover="alert('That...


Blockquote Tips

13.37 Unknown

Blockquote makes a small text box that is indented, as in a quote.This text is a little to the right because of the blockquote tag. To learn how to make a blockquote like this one, continue reading HTML Tips and Tricks.To make a blockquote, simply copy and paste the following HTML code:<blockquote>Text Text Text</blockquote>Finally, change the "Text Text Text" message to suit your needs.Result:Text Text TextRelated Tips:Align Text and ImagesTips for Formatting TextNOTE FROM GEOFFREY: The "correct" use of the blockquote is to quote someone. For example:Geoffrey said this:"Although you can use this tag simply to indent text, it is better if you use it to quote. That is why it is called the "blockquote" tag."As you can see, the tag is handy to quote people or websit...


Rabu, 11 Mei 2005

Bullets and Lists

14.07 Unknown

These html tips and tricks will help you put bullets and lists on your blog.Let's start with simple bullets.For this html tip, look at this bullet:This is next to a bulletIt was made with this simple HTML code:<li>This is next to a bullet</li>Insert the above code to your web page,and then change the message to suit you needs....And now let's end with more advanced tips, concerning lists.To make numbered bullets,Like theseonesuse this HTML code instead:<ol><li>Like these</li><li>ones</li></ol>Note that the <ol> is only put at the extremes of the list.There are also some tips and tricks that will allow different types of bullets:Lower Case Roman NumeralsHTML Code:<ol type="i"><li>Lower Case Roman Numerals</li></ol>Upper...


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