Marks Html-1 Codes

Welcome to Lockwoods Copy/Paste

Cut and Paste Commands and What They Do. CMD + A..... Highlights "All" text.
CMD + C......"Copies" in to memory.
CMD + V....... Will "Paste" the copied text.

CMD + X....... Will remove (cut) highlighted text.

1. How To Create A Text Box.
To make a text box for easy COPY/PASTING: (form) (textarea bgcolor="#888888" text="#000000" rows="6" cols="55" autoactivate usestyle) YOUR INFO HERE make sure you replace ( ) with the proper rackets!(/textarea)(/form)

2. Basic Table Set Up
<table width="80%" cellpadding=5 cellspacing=5 border=1 align=center valign=middle> <tr> <td> PUT SOME INFO HERE </td> <td> PUT SOME MORE INFO HERE </td> </tr> </table> Note that you can change any of the numbers, and you will get different results depending on the value assigned

3. A Button

4. An Alert Pop Up

To make an alert box pop-up when a link is clicked: <a onClick="window.alert('Your message here)">text or image link here </a>

5. Basic Form Mailer

<form method=post action="mailto:YOUR_EMAIL_ADDY?no_signature=true"><input type=text name=message value=""> <br><p><input type=reset value=CLEAR><input type=submit value=SEND></form>

6. Clickable Link

<a href="http://URL of link"><img src="http://URL of image"></a>

7. Change Users

http://209.240.199.106.1608

8. Email Link

<a href="mailto:your-addy@webtv.net"> Your text link </a> Image link <a href="mailto:your-addy@webtv.net"> <img src="http://URL-of-image"></a>

9. Java Script Bug

<noframes><font color="red">ERROR Hit Cmd and R key</font></noframes>

10. Automaic Page Changing

add this between the <HEAD> and </HEAD> <meta http-equiv="refresh" content="10; url=http://URL-of-next-page"> You can change the 10 to any number of seconds you want

12. Basic Alignment

<img src="image_URL_goes_here" align=right> or to center image: <center><img src="image_URL_goes_here"></center>

13.Change Image Size

<img src="http://URL of image" width="100" height="150"> or whatever number of pixels you want it to be.

14. Making A Hypelink

<a href="URLofApageOrFile"> ANCHOR </a> ANCHOR can be TEXT, an <img src> tag, or BOTH <a href="URL of A page Or File">ANCHOR</a>

15.Email Signature

<Html> <bgsound src="URLofMusic" loop=#> <body bgcolor="COLOR" background="URLofImage text="COLOR> PUT YOUR IMAGES AND TEXT HERE </body> </html> Make sure that there is NOTHING in front of the <Html> in your SIG box...not even a space or blank line. # is the amount of times you want your music to play; use "infinite" to play continuously. For COLOR, you can either use NAMES such as "black" or "white" or you can use HEX CODES such as "#000000" or "#ffffff"

16. Font Sizes

<font size="+7"> Can be from 1 to 7, with 7 being the largest.

17. Info Button Image

<body logo="URLofImage">

18. Using Transitions

[body transition="TRANSITION HERE"> Now substitute on of the following TRANSITIONS: wipeup wipedown wipeleft wiperight slideup slidedown slideleft slideright wipelefttop wiperighttop wipeleftbottom wiperightbottom

19. Font Color

<font color="name of color">

22. TWO OR MORE IMAGES

<table width=X height=Y> <tr> <td> <img src="URLofImage1" width=x height=y> </td> <td> <img src="URLofImage2" width=x height=y> </td> </tr> </table> For best appearance, you should set the of image #1 and #2 to the same value. X (in the <table> tag) should be equal to the TOTAL width of both images, and Y should be the same as he height of the images themselved. To add another image bedis the first two, just insert another <td> <img src="URLofImage" width=x height=y> </td> Make sure to adjust the width of the table, and keep the TOTAL width under the page's width (app. 400 for emails, and 600 for webpages)

21. A BASIC LINK

<a href="The_URL_of_page">Place Page name here</a>

23. Underline Text

<u>text</u>

24. A Simple Marquee

<marquee>SOME TEXT HERE</marquee>

25. Create A Line

<hr=50%>

26. Link To An Image

<img src="URLofImage" width=x height=y> X and Y are numbers YOU chose to represent the size of the image (in pixles)

27. Background Images

<body background="URLofImage"> Note that you CAN combine this with other <body> tag elements

28. Image Over Image

<table width=X height=Y background="URLofBottomImage"><tr align=center valign=middle><td><img src="URLofTopImage" width=x height=y transparency="#"></td></tr></table> X and Y are the dimensions of the BOTTOM image; x and y are the dimensions of the TOP image; # is 1-100, with 100 being the MOST transparent. Note that the TOP image should be the same size or SMALLER than the BOTTOM image

29. Scrolling Images

<body background="URLofImage" xspeed=# yspeed=#> # is 1-100; to go the OPPOSITE direction, make it a NEGATIVE #. You can leave out the xspeed or yspeed if you dont want it to scroll in that direction. Giving BOTH a value will cause a DIAGONAL scroll

31. Tumbling Text In A Status Bar

(BETWEEN <HEAD> and </head> tags <SCRIPT Language="JavaScript">  </SCRIPT> <BODY onload="wiper()">

32. Email Notification p

PUT THIS ON YOUR PAGE AND YOU WILL BE NOTIFIED WHEN SOMEONE VISITS! <img src="http://www.whirlycott.com/freecgi/freelog.cgi?yourname@webtv.net" height="1" width="1">

33. Radio Button

<SCRIPT LANGUAGE="JavaScript"> function button1() {if (document.menu.choice) location='URL#1'} function button2() {if (document.menu.choice) location='URL#2'} function button3() {if (document.menu.choice) location='URL#3'} function button4() {if (document.menu.choice) location='URL#4'} function button5() {if (document.menu.choice) location='URL#5'} </script> <FORM NAME="menu"> <INPUT TYPE="radio" NAME="choice" onClick="button1()">TITLE of URL#1 <INPUT TYPE="radio" NAME="choice" onClick="button2()">TITLE of URL#2 <INPUT TYPE="radio" NAME="choice" onClick="button3()">TITLE of URL#3 <INPUT TYPE="radio" NAME="choice" onClick="button4()">TITLE of URL#4 <INPUT TYPE="radio" NAME="choice" onClick="button5()">TITLE of URL#5 </FORM>

34. Logo Image

To add an image of your choice in your favorites file, recent screen, or info key add this to your body tag <body bgcolor="?"text="?"link="?"logo="http://URL-of-image>

35. Page Redirect

Place this betwen <head> and </head> tags on your webpage; <meta http-equiv="pragma" content="#;URL=PageAddy"> # is the amount of time (in seconds) you want the current page to wait before loding the next. PageAddy is the URL of the NEXT page ;-)

36. Single Image Loader

<html> <head><link href="the_image_url"rel="next'> </head> For all images in each of there attributes you may choose this. <img src="the_image_url autoload="faster">

37. Pop Up Alert On Click

<a onClick="window.alert('POPUP MESSAGE HERE')">ANCHOR</a> ANCHOR can be TEXT or an <img src> tag ;-)

38. Line Break

<br> for two lines <br><br> or <p>

39. Link On Thee Same Page

<a href="#name of area">Name of area goes here</a> Then just above the area you want them to goto: <a name="name of area as above">

40. Reload Button

<FORM><INPUT TYPE="button" VALUE="Reload Page" onClick="history.go(0)"></FORM>