Marquee HEIGHT / WIDTH

Example code


<FONT SIZE="4" FACE="courier" COLOR=blue><MARQUEE BEHAVIOR=SCROLL HEIGHT=25 WIDTH=300 BGColor=yellow>This is an example of a scrolling marquee</MARQUEE></FONT> 


Result

This is an example of a scrolling marquee

Marquee Scrolling Text - ALTERNATE

Example code


<FONT SIZE="4" FACE="courier" COLOR=blue><MARQUEE WIDTH=100% BEHAVIOR=ALTERNATE BGColor=yellow>This is an example of an alternating marquee...</MARQUEE></FONT>

Result



 

This is an example of an alternating marquee...

Html Font size Code

Example Code

• <FONT SIZE="1">Test text</FONT>
  Test text
• <FONT SIZE="2">Test text</FONT>
  Test text
• <FONT SIZE="3">Test text</FONT>
  Test text
• <FONT SIZE="4">Test text</FONT>
  Test text
• <FONT SIZE="5">Test text</FONT>
  Test text
• <FONT SIZE="6">Test text</FONT>
  Test text
• <FONT SIZE="7">Test text</FONT>
  Test text

Result

Test text
Test text

Test text
Test text

Test text
Test text

Test text
Test text

Test text
Test text

Test text
Test text

Test text
Test text

Thick Border

Example Code


<!-- Codes by HTMLmagics -->
<textarea rows="5" cols="20" style="background-color: GreenYellow;color:OrangeRed;border:1px dotted Green;">
This HTML textbox has a thin, dotted border.
</textarea>
<p><a  style="font-size:11px;color:#999;" href="http://www.htmlmagics.blogspot.com/textboxes/textbox-border.cfm">Textbox borders</a></p>


Result

<br /> This HTML textbox has a thin, dotted border.<br />

Textbox borders

Example Code


<!-- Codes by HTMLmagics -->
<textarea rows="5" cols="20" style="background-color: GreenYellow;color:OrangeRed;border:1px solid Green;">
This HTML textbox has a thin, solid border.
</textarea>
<p><a  style="font-size:11px;color:#999;" href="http://www.htmlmagics.blogspot.com/textboxes/textbox-border.cfm">Textbox borders</a></p>


Result

<br /> This HTML textbox has a thin, solid border.<br />

Textbox borders

CSS List Style - Image

Example Code


<!-- Codes by HTMLmagics -->
<ol>
<li style="list-style-image:url(http://www.htmlcodes.me/images/image-codes/bullet_1.gif);">Carrots</li>
<li style="list-style-image:url(http://www.htmlcodes.me/images/image-codes/bullet_2.gif);">Onions</li>
<li style="list-style-image:url(http://www.htmlcodes.me/images/image-codes/bullet_3.gif);">Swedes</li>
</ol>
<p><a  style="font-size:11px;color:#999;" href="http://www.htmlmagics.blogspot.com/image-codes/css-image-code.cfm">CSS image code</a></p>


Result

1. Carrots
2. Onions
3. Swedes

CSS image code

CSS List Style Image

Example Code


<!-- Codes by HTMLmagics -->
<ul style="list-style-image:url(http://www.htmlcodes.me/images/image-codes/printer-icon.gif);">
<li>Printer</li>
<li>Printer ink</li>
<li>Paper</li>
</ul>
<p><a  style="font-size:11px;color:#999;" href="http://www.htmlmagics.blogspot.com/image-codes/css-image-code.cfm">CSS image code</a></p>


Result

• Printer
• Printer ink
• Paper

CSS image code

Add Styles Code

Example Code


<!-- Codes by HTMLmagics -->
<p style="color:blue;text-decoration:underline;cursor:pointer;" onclick="JavaScript:window.open('http://www.quackit.com','popUpWindow','height=600,width=950,left=50,top=50,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no,status=yes');">Great website tutorials!</p>
<p><a  style="font-size:11px;color:#999;" href="http://www.htmlmagics.blogspot.com/links/javascript-links.cfm">JavaScript links</a></p>


Result

Great website tutorials!

JavaScript links

JavaScript Links - Artificial Links

Example Code


<!-- Codes by HTMLmagics -->
<p onclick="JavaScript:window.open('http://www.quackit.com','popUpWindow','height=600,width=950,left=50,top=50,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no,status=yes');">Great website tutorials!</p>
<p><a  style="font-size:11px;color:#999;" href="http://www.htmlmagics.blogspot.com/links/javascript-links.cfm">JavaScript links</a></p>


Result

Great website tutorials!

JavaScript links

JavaScript Links - Popup Window

Example Code


<!-- Codes by HTMLmagics -->
<p>Great <a href="JavaScript:void(0);" onclick="JavaScript:window.open('http://www.quackit.com','popUpWindow','height=600,width=950,left=50,top=50,resizable=yes,scrollbars=yes,toolbar=yes,menubar=no,location=no,directories=no,status=yes');">web tutorials!</a></p>
<p><a  style="font-size:11px;color:#999;" href="http://www.htmlmagics.blogspot.com/links/javascript-links.cfm">JavaScript links</a></p>


Result

Great web tutorials!

JavaScript links

JavaScript Links - New Window

Example Code


<!-- Codes by HTMLhtmlmagics-->
<p>Have a <a href="JavaScript:void(0);" onclick="JavaScript:window.open('http://www.great-workout.com');">great workout!</a></p>
<p><a  style="font-size:11px;color:#999;" href="http://www.htmlmagics.blogspot.com/links/javascript-links.cfm">JavaScript links</a></p>


Result  

 

Have a great workout!

JavaScript links

JavaScript Link Code

Example Code


<!-- Codes by HTMLmagics -->
<p>Get out into the <a href="JavaScript:document.location.href='http://www.natural-environment.com'">natural environment!</a></p>
<p><a  style="font-size:11px;color:#999;" href="http://www.htmlmagics.blogspot.com/links/javascript-links.cfm">JavaScript links</a></p>


Result  

Get out into the natural environment!

JavaScript links

Adding "bcc"

Example Code


<!-- Codes by HTMLmagics -->
<p><a href="mailto:homer@example.com?cc=bart@example.com&bcc=marge@example.com&Subject=Thanks%20for%20saving%20the%20day%20again!&Body=Hey%20Homer,%0D%0A%0D%0AI%20just%20wanted%20to%20thank%20you%20for%20saving%20the%20day%20again.%20%0D%0A%0D%0AKind%20regards,%0D%0AMonty%20Burns.">Email Homer Now!</a></p>
<p><a  style="font-size:11px;color:#999;" href="http://www.htmlmagics.blogspot.com/links/email-links.cfm">Email links</a></p>


Result  

Email Homer Now!

Email links

Adding "cc"

Example Code

<!-- Codes by HTMLmagics -->
<p><a href="mailto:homer@example.com?cc=bart@example.com&Subject=Thanks%20for%20saving%20the%20day%20again!&Body=Hey%20Homer,%0D%0A%0D%0AI%20just%20wanted%20to%20thank%20you%20for%20saving%20the%20day%20again.%20%0D%0A%0D%0AKind%20regards,%0D%0AMonty%20Burns.">Email Homer Now!</a></p>
<p><a  style="font-size:11px;color:#999;" href="http://www.htmlmagics.blogspot.com/links/email-links.cfm">Email links</a></p>

Result  

Email Homer Now!

Email links

Adding Carriage Returns

Example Code


<!-- Codes by HTMLmagics -->
<p><a href="mailto:homer@example.com?Subject=Thanks%20for%20saving%20the%20day%20again!&Body=Hey%20Homer,%0D%0A%0D%0AI%20just%20wanted%20to%20thank%20you%20for%20saving%20the%20day%20again.%20%0D%0A%0D%0AKind%20regards,%0D%0AMonty%20Burns.">Email Homer Now!</a></p>
<p><a  style="font-size:11px;color:#999;" href="http://www.htmlmagics.blogspot.com/links/email-links.cfm">Email links</a></p>



Result  

Email Homer Now!

Email links

Adding Spaces

Example Code


<!-- Codes by HTMLmagics -->
<p><a href="mailto:homer@example.com?Subject=Thanks%20for%20saving%20the%20day%20again!&Body=Hey%20Homer,%20I%20just%20wanted%20to%20thank%20you%20for%20saving%20the%20day%20again.%20Kind%20regards,%20Monty%20Burns.">Email Homer Now!</a></p>
<p><a  style="font-size:11px;color:#999;" href="http://www.htmlmagics.blogspot.com/links/email-links.cfm">Email links</a></p>


Result  

Email Homer Now!

Email links

Automatically Add the Body Text

Example Code


<!-- Codes by HTMLmagics -->
<p><a href="mailto:homer@example.com?Subject=Thanks for saving the day again!&Body=Hey Homer, I just wanted to thank you for saving the day again. Kind regards, Mr Burns.">Email Homer Now!</a></p>
<p><a  style="font-size:11px;color:#999;" href="http://www.htmlmagics.blogspot.com/links/email-links.cfm">Email links</a></p>


Result 

Email Homer Now!

Email links

Automatically Add a Subject Line

Example Code


<!-- Codes by HTMLmagics -->
<p><a href="mailto:homer@example.com?Subject=Thanks for saving the day again!">Email Homer Now!</a></p>
<p><a  style="font-size:11px;color:#999;" href="http://www.htmlmagics.blogspot.com/links/email-links.cfm">Email links</a></p>


Result

Email Homer Now!

Email links

Create a Basic Email Link

Example Code


<!-- Codes by HTMLmagics -->
<p><a href="mailto:homer@example.com">Email Homer Now!</a></p>
<p><a  style="font-size:11px;color:#999;" href="http://www.htmlmagics.blogspot.com/links/email-links.cfm">Email links</a></p>



Result

Email Homer Now!

Email links

CSS Cursor Codes

Example Code


<!-- Codes by HTMLmagics -->
<p style="cursor: auto;">CSS Cursor: "auto"</p>
<p style="cursor: crosshair;">CSS Cursor: "crosshair"</p>
<p style="cursor: default;">CSS Cursor: "default"</p>
<p style="cursor: hand;">CSS Cursor: "hand" (Internet Explorer)</p>
<p style="cursor: pointer;">CSS Cursor: "pointer" (All other browsers, plus Internet Explorer 6)</p>
<p style="cursor: pointer; cursor: hand;">CSS Cursor: "pointer" and "hand" (cross-browser)</p>
<p style="cursor: move;">CSS Cursor: "move"</p>
<p style="cursor: e-resize;">CSS Cursor: "e-resize"</p>
<p style="cursor: ne-resize;">CSS Cursor: "ne-resize"</p>
<p style="cursor: nw-resize;">CSS Cursor: "nw-resize"</p>
<p style="cursor: n-resize;">CSS Cursor: "n-resize"</p>
<p style="cursor: se-resize;">CSS Cursor: "se-resize"</p>
<p style="cursor: sw-resize;">CSS Cursor: "sw-resize"</p>
<p style="cursor: s-resize;">CSS Cursor: "s-resize"</p>
<p style="cursor: w-resize;">CSS Cursor: "w-resize"</p>
<p style="cursor: text;">CSS Cursor: "text"</p>
<p style="cursor: wait;">CSS Cursor: "wait"</p>
<p style="cursor: progress;">CSS Cursor: "progress"</p>
<p style="cursor: help;">CSS Cursor: "help"</p>
<p style="cursor: url(http://www.htmlmagics.blogspot.com.me/images/links/cursor_move.gif),auto;">CSS Cursor: "url(cursor_move.gif),auto"</p>

<p><a  style="font-size:11px;color:#999;" href="http://www.htmlmagics.blogspot.com/links/css-cursor.cfm">CSS cursor</a></p>

Result

CSS Cursor: "auto"

CSS Cursor: "crosshair"

CSS Cursor: "default"

CSS Cursor: "hand" (Internet Explorer)

CSS Cursor: "pointer" (All other browsers, plus Internet Explorer 6)

CSS Cursor: "pointer" and "hand" (cross-browser)

CSS Cursor: "move"

CSS Cursor: "e-resize"

CSS Cursor: "ne-resize"

CSS Cursor: "nw-resize"

CSS Cursor: "n-resize"

CSS Cursor: "se-resize"

CSS Cursor: "sw-resize"

CSS Cursor: "s-resize"

CSS Cursor: "w-resize"

CSS Cursor: "text"

CSS Cursor: "wait"

CSS Cursor: "progress"

CSS Cursor: "help"

CSS Cursor: "url(cursor_move.gif),auto"

CSS cursor