| RotoGuru Baseball Forum View the Forum Registry XML Get RSS Feed for this thread | Self-edit this thread |
|
| 0 |
Subject: HTML lessons 1-3 recap Posted by: JeffG - [25414311] Fri, Jun 09, 14:59 Thanks to Gary and all others who responded to the HTML lessons. I have been compiling notes on all the lessons and info from them to date. Here is a recap: HTML Lesson #1 Add a link to a post [A href="http://espn.go.com/mlb/today/sco.html"]ESPN Scoreboard[/A] In this example ESPN Scoreboard would be hyperlinked add target="_blank" to the above to get it to open in a seperate window, it looks like the following: [A href="http://espn.go.com/mlb/today/sco.html" Target="_blank"]ESPN Scoreboard[/A] ================================================================= HTML Lesson #2 Add an image [Img src="http://rotoguru.com/images/baseball.gif"] One more tip. You can change the size of a pic that is displayed by adding height= # or width= # at the end of the tag inside of the "]" like this. [img src="http://www.geocities.com/feazdaddy/guru.gif" width=150] To eliminate the border, add border=0 in the img tag To get a little box with a description when cursor is over image add alt='xxxxx' to the img tag ===================================================================== HTML Lesson #3 Make a hyperlink for an image [a href="http://rotoguru.com/"][img src="http://rotoguru.com/images/gfs2.gif"][/a] ====================================================================== Misc [b]this would be in bold[/b] [i]this would be in italics[/i] ====================================================== To use an image as a background: [BODY BACKGROUND="http://www.geocities.com/jeff_g_ny/YANKBACKGROUND.GIF"] =========================================================== Buttons: this will change background color when hit [form] [input type="button" value="magenta" onClick="document.bgColor='magenta'"] [/form] this will generate an alert when hit [form] [input type="button" value="insider info" onClick="alert('message here')"] [/form] ========================================================= Mouse over set status on mouseover [a HREF="test.html" onMouseOver="self.status='Your message would go here.';return true"]Move your mouse here![/a] alert on mouseover [a HREF="test.html" onMouseOver="alert('Your message would go here!')"]Now move it here![/a] change color on mouse over, reset on mouse out [a HREF="test.html" onMouseOver="document.bgColor='purple' onMouseOut="document.bgColor='white'"]Roll mouse over here![/a] Mouse over to change image (note image [#]) [A HREF="http://rotoguru.com/images/baseball.gif" onmouseout="document.images[10].src='http://rotoguru.com/images/gfs2.gif'; return true;" onmouseover="document.images[10].src='http://www.majorleaguebaseball.com/images/baseball/mlbcom/hdr_l.gif'; return true;" ][Img src="http://rotoguru.com/images/gfs2.gif"][/A] ============================================== colors and fonts [font color=blue size+3]RotoGuru.com[/font] to make a smiley face: [font face=wingdings]J[/font] ============================================ Inputs within a form [INPUT TYPE="TEXT" NAME="innings" Size=7] | |||||||
| 1 | Ender ID: 13443221 Fri, Jun 09, 15:10 | Thank you for the recap. I have been meaning to track all this down and put it to use. | ||||||
| 2 | MJSbossman ID: 8451222 Fri, Jun 09, 15:13 | Thanks, I will just bookmark this page instead of having 4 pages bookmarked. | ||||||
| 3 | philliephan ID: 5843138 Mon, Jul 03, 06:39 | BUTT, one note to actually make the HTML work as shown in the examples you need to change every [ into a < and every ] into a >. Of couse JeffG didn't do this because instead of seeing the examples you would see the html results. | ||||||
| 4 | deepsnapper ID: 39526123 Tue, Jul 11, 10:10 | BUTT - good stuff. | ||||||
| 5 | VIDevilRays ID: 0502611 Tue, Jul 11, 10:24 | I'm with Ender JeffG. Thanks. Been meaning to learn this stuff and hopefully I can study it now. | ||||||
| 6 | Op ID: 5942237 Tue, Jul 11, 12:13 | Cool | ||||||
| 7 | Matt G ID: 3452159 Thu, Jul 13, 10:13 | what is the significance of the image number I am having trouble with that | ||||||
| 8 | JeffG ID: 25414311 Thu, Jul 13, 10:51 | Matt. The first image on the webpage is image number 0, the next 1, etc. | ||||||
| 9 | Matt G ID: 3452159 Thu, Jul 13, 10:58 |
thank you very much I think I got it correct, now If I can get the images to auto fit instead of going into the size as the first image
| ||||||
| 10 | Wammie ID: 437541618 Tue, Oct 31, 21:25 | more of the html lessons;) | ||||||
| 11 | JeffG ID: 40451227 Wed, Nov 01, 08:32 |
I have been playing with HTML since these lessons and have a few more notes that I have been compiling of some new things to try. Enjoy! ============================================== Counter on your webpage Number of hits since counter began=[IMG SRC="http://www.somtel.com/cgi-bin/digits.pl?name=guruhtmlles123|style=digital" Border=0 height=30 width=55] Note: Give a unique id after the name=. Here is the result: Number of hits since counter began= ============================================= Marquee - words scrolling right to left, left to right, etc. [marquee][font color= orange size=+3]Howdy![/marquee] right to left: [marquee direction=right]Hi there![/marquee] bounce right to left, then left to right: [marquee behavior=alternate]Boing![/marquee] faster: [marquee scrollamount=50]Zip! Zip! Zip![/marquee] in a background color: [marquee bgcolor=aaaaee]This is fun![/marquee] Here are the results: | ||||||
| 12 | JeffG ID: 40451227 Wed, Nov 01, 08:33 | |||||||
| 13 | Wammie ID: 437541618 Wed, Nov 01, 13:44 |
| ||||||
| 14 | ivan ID: 4103729 Thu, Nov 02, 10:56 | |||||||
| 15 | balls ID: 2457220 Thu, Nov 02, 14:16 |
HAVE YOU CLICKED AN ADD TODAY? /*-+`123456789qwertyuiopasdfghjklzxcvbnm,./;'[]=- | ||||||
| 18 | JeffG ID: 25414311 Thu, Nov 02, 15:48 |
Here is another cool HTML thing to do... Add sound to a web page: To click to hear sound byte: [A href="http://www.geocities.com/jeff_g_ny/Yank.wav"]Yankees win[/a] To have sound play automatically upon entering a page: Netscape (EMBED) or Explorer(BGSOUND): [EMBED SRC="http://www.geocities.com/jeff_g_ny/Yank.wav" WIDTH=144 HEIGHT=60 AUTOSTART="true"][BR] [BGSOUND SRC="http://www.geocities.com/jeff_g_ny/Yank.wav" AUTOSTART="true"][P] Somehow this only works for me in Netscape and not Explorer. Sort of the opposite of the Marquee issue. You should have heard the sound when you entered this page in Netscape. To click to hear it, try below: Yankees win | ||||||
| 20 | BZ ID: 4511521415 Sat, Dec 30, 12:54 | BUTT J | ||||||
| 21 | The Pansophist ID: 586141420 Thu, Jan 25, 20:55 | belated thanks guys, this stuff is awesome | ||||||
| 25 | Razor ID: 4833729 Wed, Jun 02, 2004, 10:57 | |||||||
| 26 | Dummy ID: 343162711 Wed, Apr 27, 2005, 13:55 | BUTT! This is really cool stuff! Thanks! | ||||||
| 35 | bob ID: 801176 Thu, Jan 17, 2008, 07:01 | x4DFQV hi nice site thx http://peace.com | ||||||
| Rate this thread: | If you wish, you may rate this thread on scale of 1-5. Ratings should indicate how valuable or interesting you believe this thread would be to other users of this forum. A '5' means that this thread is a 'must read'. A '1' means that this is a complete waste of time. If you have previously rated this thread, rating it again will delete your previous rating. If you do not want to rate this thread, but want to see how others have rated it, then click the button without entering a rating, or else click here. | |||||||
| ||||||||
Post a reply to this message: (But first, how about checking out this sponsor?) | ||||||||