HTML Music Code

October 12, 2007 | By admin In HTML Code | Comments(0)

HTML Music Code - Add music to your website by adding this code to your web pages. The below will place a music player on your web page where your visitor has the ability to play music. If you wish to you can change the media player size by changing the code highlighted in orange.

Windows Media Player Code

Upload your windows media file to your hosting account then change the web site address for the file below in the blue highlighted code.

<p>
<object classid=”clsid:22D6F312-B0F6-11D0-94AB-0080C74C7E95″
codebase=”http://activex.microsoft.com/activex/controls/mplayer/en/nsmp2inf.cab#Version=6,4,5,715″
width=”100” height=”100“>
<param name=”FileName” value=”http://www.myweb siteaddress.com/musicfilename“>
<param name=”AutoStart” value=”true”>
<param name=”ShowTracker” value=”true”>
<param name=”ShowControls” value=”true”>
<param name=”ShowGotoBar” value=”false”>
<param name=”ShowDisplay” value=”false”>
<param name=”ShowStatusBar” value=”false”>
<param name=”AutoSize” value=”false”>
<embed width=”100” height=”100” src=”http://www.myweb siteaddress.com/musicfilename”
AutoStart=”true” ShowTracker=”true” ShowControls=”true” ShowGotoBar=”false” ShowDisplay=”false”
ShowStatusBar=”false” AutoSize=”false”
pluginspage=”http://www.microsoft.com/windows/windowsmedia/download/“></embed></object></p>

Quick Time Music Player

<p><object classid=”clsid:02BF25D5-8C17-4B23-BC80-D3488ABDDC6B” codebase=”http://www.apple.com/qtactivex/qtplugin.cab” width=”100” height=”100“>

            <param name=”src” value=”http://www.myweb siteaddress.com/musicfilename“>
<param name=”scale” value=”Stretch to fit”>
<param name=”autoplay” value=”true”>
<param name=”loop” value=”true”>
<param name=”controller” value=”false”>

<embed width=”100″ height=”100″ src=”http://www.myweb siteaddress.com/musicfilename” scale=”Stretch to fit” autoplay=”true” loop=”true” controller=”false” pluginspage=”http://www.apple.com/quicktime/download”></embed></object></p>

To use this format your visitor will need Quick Time installed. For most Mac users Quick Time should already be installed.

Tags:

Filed under: HTML Code

HTML Image Code

October 12, 2007 | By admin In HTML Code | Comments(0)

HTML Image Code - Adding an image to a web site web page is a matter of  adding html-image-code. Adding images can add a bit of color and fun to a web page.

Lets take a look at some images and the that makes it possible to view these images in a web page.

 

Image 1

html image code

<p>
<img src=”http://www.web sitebuildersguide.com/urimagefolder/image1.gif” width=”144″ height=”85″ border=”0″>;
</p>

If you want to center the image the code would like this:

<p align=”center”>
<img src=”http://www.web sitebuildersguide.com/images/a1.gif” width=”144″ height=”85″ border=”0″>
</p>

—————————————————————

Lets say you want to add a nice thick border to your image. You can do this by change the border setting from 0 to 5 in my example.

html code for image

Your complete code in your html code would l ook this:

<p>
<img src=”http://www.web sitebuildersguide.com/urimagefolder/image3.gif” width=”144″ height=”85″ border=”5“>
</p>

—————————————————————

Lets get creative lets say you want the border to be red and thickness to be like the image below.

add image html code

Your complete code would like this:

<p>
<img src=”http://www.web sitebuildersguide.com/images/a3.gif” width=”144″ height=”85″ border=”5″ style=”border-width:5; border-color:rgb(204,0,0); border-style:solid;”>
</p>

<html>
<head>
<title>My Title</title>
</head>
<body bgcolor=”0066CC” text=”black” link=”blue” vlink=”purple” alink=”red”>
<p>Webpage Content</p>
<p>
<img src=”http://www.web sitebuildersguide.com/urimagefolder/image3.gif” width=”144″ height=”85″ border=”0″>;
</p>
</body>
</html>

—————————————————————

Remember that you can use tables to align your images on your webpages and they should be optimised so they are small in size without any loss of qaulity.

Tags:

Filed under: HTML Code

HTML Font Code

October 12, 2007 | By admin In HTML Code | Comments(0)

HTML Font Code - This is what you need to edit to change the font of a website. The is easy to change and there are only 3 fonts that you should resort using in a web site webpage and they are:

  • Arial
  • Times New Roman
  • Verdana

Verdana and Arial are similar and they are Fonts that are Sans Serif types which means font with ‘no feet’. If you take a look at the Times New Roman font you could see small feet on the start and ending of
each letter.

 

The reason behind this is that helps the reader to read the flow of words more easily when you’re reading a
Newspaper, book or a novel. My favorite font for web site webpage’s is Verdana because it has a stylish simplicity mood set to it which adds a nice mood to a webpage. You really can not use any other font types because these 3 fonts are pre-installed in Macs and PC’s which means how you design your webpage is how it will look like on either platform.

If you use a font that is not pre-installed on your Visitors computer then your visitor will not view the web site webpage like you designed which could end up looking like a mess.

Tip - stick with one of the three mentioned fonts and you will have no surprises.

Adding a font in text.

lets take a look at the html for the above text as an example. You should be viewing the above text it in Times New Roman,bold and underlined.

The code for this example would look like this:

<p>
<font face=”Times New Roman”><u><b>Adding a font in text</b></u>
</font>

You will see that there is a font tag with the text in between.

To get the font underlined and in bold you will need to place the relevant tags. By taking above you will see clearly that the text is in the middle of the tags Just replace the font face text to the font you want to choose.

Tags:

Filed under: HTML Code

HTML Color Code

October 12, 2007 | By admin In HTML Code | Comments(0)

HTML Color Code - Using html-color-code on a web site can add an
interesting look and feel to your web site webpage’s.

Many web site designers use color to highlight certain links to sales
pages or content they want to share with the visitor.

When applying a-dash-of-color make sure it blends in nicely to
your webpage’s and that you don’t go overboard when applying
this to your webpage’s.

Ok lets take a look how to add color to a few words in html code.

Lets say I want to highlight this text in the color blue using html color
code.

The html code I would use would be:

<p>
Ok lets take a look how to add color to a few words in html code.<br><br>Lets say I want to
<font color=”#0066FF”>highlight this text</font> in the color blue.
<br>
<br>The html code I would use would be:
<br>
<br>
</p>

Can you see the font  take that has been applied? I have
highlighted this in blue in the html code.

Firstly there is an open font tag (<font> with the color specified, the text in the middle followed by the font closing tag (</font>) page.

You can apply this very easily using a web editing program like the one I use which is Namo Web Editor. Make sure you use only the 256 color pallet otherwise the web browser will have trouble formatting your webpage via the visitors web browser.

Tags:

Filed under: HTML Code

HTML Color Chart

October 12, 2007 | By admin In HTML Code | Comments(0)

HTML Color Chart colors - The numbers on the top of each cell are part of
the . These are for example 000000 or 333333

R = Red
G = Green
B = Blue

For example if you added 0 of red and 0 of green and 0 of blue
the color you would get is white. Popular editing programs give
you the ability to change the color.

To use these colors all you need to do is just change either the html code or the rgb numbers into whatever application your using.

Make sure that you use the correct colors from the provided below. By using these colors you’re giving your web site or images the right look and feel.

Please make sure that when you select colors from the thatthe color choice blends into your web site color scheme.

Using a is a great way of getting the color scheme right the first time.

000000
R - 000
G - 000
B - 000		 333333
R - 051
G - 051
B - 051		 666666
R - 102
G - 102
B - 102		 999999
R - 153
G - 153
B - 153		 cccccc
R - 204
G - 204
B - 204		 ffffff
R - 255
G - 255
B - 255
000033
R - 000
G - 000
B - 051		 333300
R - 051
G - 051
B - 000		 666600
R - 102
G - 102
B - 000		 999900
R - 153
G - 153
B - 000		 CCCC00
R - 204
G - 204
B - 000		 FFFF00
R - 255
G - 255
B - 000
000066
R - 000
G - 000
B - 102		 333366
R - 051
G - 051
B - 102		 666633
R - 102
G - 102
B - 051		 999933
R - 153
G - 153
B - 051		 CCCC33
R - 204
G - 204
B - 051		 FFFF33
R - 255
G - 255
B - 051
000099
R - 000
G - 000
B - 153		 333399
R - 051
G - 051
B - 153		 666699
R - 102
G - 102
B - 153		 999966
R - 153
G - 153
B - 102		 CCCC66
R - 204
G - 204
B - 102		 CCCC66
R - 255
G - 255
B - 102
0000CC
R - 000
G - 000
B - 204		 3333CC
R - 051
G - 051
B - 204		 6666CC
R - 102
G - 102
B - 204		 9999CC
R - 153
G - 153
B - 204		 CCCC99
R - 204
G - 204
B - 153		 FFFF99
R - 255
G - 255
B - 153
0000FF
R - 000
G - 000
B - 255		 3333FF
R - 051
G - 051
B - 255		 6666FF
R - 102
G - 102
B - 255		 9999FF
R - 153
G - 153
B - 255		 CCCCFF
R - 204
G - 204
B - 255		 FFFFCC
R - 255
G - 255
B - 204
003300
R - 000
G - 051
B - 000		 336633
R - 051
G - 102
B - 051		 669966
R - 102
G - 153
B - 102		 99CC99
R - 153
G - 204
B - 153		 CCFFCC
R - 204
G - 255
B - 204		 FF00FF
R - 255
G - 000
B - 255
006600
R - 000
G - 102
B - 000		 339933
R - 051
G - 153
B - 051		 66CC66
R - 102
G - 204
B - 102		 99FF99
R - 153
G - 255
B - 153		 CC00CC
R - 204
G - 000
B - 204		 FF33FF
R - 255
G - 051
B - 255
009900
R - 000
G - 153
B - 000		 33CC33
R - 051
G - 204
B - 051		 66FF66
R - 102
G - 255
B - 102		 990099
R - 153
G - 000
B - 153		 CC33CC
R - 204
G - 051
B - 204		 FF66FF
R - 255
G - 102
B - 255

 

00CC00
R - 000
G - 204
B - 000
html color chart

 

33FF33
R - 051
G - 255
B - 051
html color chart

 660066
R - 102
G - 000
B - 102
html color chart		 993399
R - 153
G - 051
B - 153
html color chart		 CC66CC
R - 204
G - 102
B - 204
html color chart		 FF99FF
R - 255
G - 153
B - 255
html color chart
00FF00
R - 000
G - 255
B - 000		 330033
R - 051
G - 000
B - 051		 663366
R - 102
G - 051
B - 102		 996699
R - 153
G - 102
B - 153		 CC99CC
R - 204
G - 153
B - 204		 FFCCFF
R - 255
G - 204
B - 255
00FF33
R - 000
G - 255
B - 051		 330066
R - 051
G - 000
B - 102		 663399
R - 102
G - 051
B - 153		 9966CC
R - 153
G - 102
B - 204		 CC99FF
R - 204
G - 153
B - 255		 FFCC00
R - 255
G - 204
B - 000
00FF66
R - 000
G - 255
B - 102		 330099
R - 051
G - 000
B - 153		 6633CC
R - 102
G - 051
B - 204		 9966FF
R - 153
G - 102
B - 255		 CC9900
R - 204
G - 153
B - 000		 FFCC33
R - 255
G - 204
B - 051
00FF99
R - 000
G - 255
B - 153		 3300CC
R - 051
G - 000
B - 204		 6633FF
R - 102
G - 051
B - 255		 996600
R - 153
G - 102
B - 000		 CC9933
R - 204
G - 153
B - 051		 FFCC66
R - 255
G - 204
B - 102
00FFCC
R - 000
G - 255
B - 204		 3300FF
R - 051
G - 000
B - 255		 663300
R - 102
G - 051
B - 000		 996633
R - 153
G - 102
B - 051		 CC9966
R - 204
G - 153
B - 102		 FFCC99
R - 255
G - 204
B - 153
00FFFF
R - 000
G - 255
B - 255		 330000
R - 051
G - 000
B - 000		 663333
R - 102
G - 051
B - 051		 996666
R - 153
G - 102
B - 102		 CC9999
R - 204
G - 153
B - 153		 FFCCCC
R - 255
G - 204
B - 204
00CCCC
R - 000
G - 204
B - 204		 33FFFF
R - 051
G - 255
B - 255		 660000
R - 102
G - 000
B - 000		 993333
R - 153
G - 051
B - 051		 CC6666
R - 204
G - 102
B - 102		 FF9999
R - 255
G - 153
B - 153
009999
R - 000
G - 153
B - 153		 33CCCC
R - 051
G - 204
B - 204		 66FFFF
R - 102
G - 255
B - 255		 990000
R - 153
G - 000
B - 000		 CC3333
R - 204
G - 051
B - 051		 FF6666
R - 255
G - 102
B - 102
006666
R - 000
G - 102
B - 102
html color chart

 

339999
R - 051
G - 153
B - 153
html color chart

 

66CCCC
R - 102
G - 204
B - 204
html color chart

 

99FFFF
R - 153
G - 255
B - 255
html color chart

 CC0000
R - 204
G - 000
B - 000
html color chart		 FF3333
R - 255
G - 051
B - 051
html color chart
003333
R - 000
G - 051
B - 051		 336666
R - 051
G - 102
B - 102		 669999
R - 102
G - 153
B - 153		 99CCCC
R - 153
G - 204
B - 204		 CCFFFF
R - 204
G - 255
B - 255		 FF0000
R - 255
G - 000
B - 000
003366
R - 000
G - 051
B - 102		 336699
R - 051
G - 102
B - 153		 6699CC
R - 102
G - 153
B - 204		 99CCFF
R - 153
G - 204
B - 255		 CCFF00
R - 204
G - 255
B - 000		 FF0033
R - 255
G - 000
B - 051
003399
R - 000
G - 051
B - 153		 3366CC
R - 051
G - 102
B - 204		 6699FF
R - 102
G - 153
B - 255		 99CC00
R - 153
G - 204
B - 000		 CCFF33
R - 204
G - 255
B - 051		 FF0066
R - 255
G - 000
B - 102
0033CC
R - 000
G - 051
B - 204		 3366FF
R - 051
G - 102
B - 255		 669900
R - 102
G - 153
B - 000		 99CC33
R - 153
G - 204
B - 051		 CCFF66
R - 204
G - 255
B - 102		 FF0099
R - 255
G - 000
B - 153
0033FF
R - 000
G - 051
B - 255		 336600
R - 051
G - 102
B - 255		 669933
R - 102
G - 153
B - 051		 99CC66
R - 153
G - 204
B - 102		 CCFF99
R - 204
G - 255
B - 153		 FF00CC
R - 255
G - 000
B - 204
0066FF
R - 000
G - 102
B - 255		 339900
R - 051
G - 153
B - 000		 66CC33
R - 102
G - 204
B - 051		 99FF66
R - 153
G - 255
B - 102		 CC0099
R - 204
G - 000
B - 153		 FF33CC
R - 255
G - 051
B - 204
0099FF
R - 000
G - 153
B - 255		 33CC00
R - 051
G - 204
B - 000		 66FF33
R - 102
G - 255
B - 051		 990066
R - 153
G - 000
B - 102		 CC3399
R - 204
G - 051
B - 153		 FF66CC
R - 255
G - 102
B - 204

 

00CCFF
R - 000
G - 204
B - 25

 

33FF00
R - 051
G - 255
B - 000
html color chart

 660033
R - 102
G - 000
B - 051
html color chart		 993366
R - 153
G - 051
B - 102
html color chart		 CC6699
R - 204
G - 102
B - 153
html color chart		 FF99CC
R - 255
G - 153
B - 204
html color chart
00CC33
R - 000
G - 204
B - 051		 33FF66
R - 051
G - 255
B - 102		 660099
R - 102
G - 000
B - 153		 9933CC
R - 153
G - 051
B - 204		 CC66FF
R - 204
G - 102
B - 255		 FF9900
R - 255
G - 153
B - 000
00CC66
R - 000
G - 204
B - 102		 33FF99
R - 051
G - 255
B - 153		 6600CC
R - 102
G - 000
B - 204		 9933FF
R - 153
G - 051
B - 255		 CC6600
R - 204
G - 102
B - 000		 FF9933
R - 255
G - 153
B - 051
00CC99
R - 255
G - 204
B - 153		 33FFCC
R - 051
G - 255
B - 204		 6600FF
R - 102
G - 000
B - 255		 993300
R - 153
G - 051
B - 000		 CC6633
R - 204
G - 102
B - 051		 FF9966
R - 255
G - 153
B - 102
009933
R - 000
G - 153
B - 051		 33CC66
R - 051
G - 204
B - 102		 66FF99
R - 102
G - 255
B - 153		 9900CC
R - 153
G - 000
B - 204		 CC33FF
R - 204
G - 051
B - 255		 FF6600
R - 255
G - 102
B - 000
006633
R - 000
G - 102
B - 051		 339966
R - 051
G - 153
B - 102		 66CC99
R - 102
G - 204
B - 153		 99FFCC
R - 153
G - 255
B - 204		 CC00FF
R - 204
G - 000
B - 255		 FF3300
R - 255
G - 051
B - 000
009966
R - 000
G - 153
B - 102		 33CC99
R - 051
G - 204
B - 153		 66FFCC
R - 102
G - 255
B - 204		 9900FF
R - 153
G - 000
B - 255		 CC3300
R - 204
G - 051
B - 000		 FF6633
R - 255
G - 102
B - 051
0099CC
R - 000
G - 153
B - 204		 33CCFF
R - 051
G - 204
B - 255		 66FF00
R - 102
G - 255
B - 000		 990033
R - 153
G - 000
B - 051		 CC3366
R - 204
G - 051
B - 102		 FF6699
R - 255
G - 102
B - 153
0066CC
R - 000
G - 102
B - 204
html color chart		 3399FF
R - 051
G - 153
B - 255
html color chart

 

66CC00
R - 102
G - 204
B - 000
html color chart

 

99FF33
R - 153
G - 255
B - 051
html color chart

 CC0066
R - 204
G - 000
B - 102
html color chart		 FF3399
R - 255
G - 051
B - 153
html color chart
006699
R - 000
G - 102
B - 153		 3399CC
R - 051
G - 153
B - 204		 66CCFF
R - 102
G - 204
B - 255		 99FF00
R - 153
G - 255
B - 000		 CC0033
R - 204
G - 000
B - 051		 FF3366
R - 255
G - 051
B - 102

html color chart

Tags:

Filed under: HTML Code

« Previous Page — Next Page »