I'm new to all this and need a little help or handholding.

I have an external javascript file named links.js which contains the following,

document.write("<a href='http://www.msn.com'>MSN</a>" );
document.write("<a href='http://www.google.com'>Google</a>" );
document.write("<a href='http://www.chicagobears.com'>Chicago Bears</a>" );

I have the following in the body of my page,

<script type="text/javascript" src="javascripts/links.js"></script>

When I load the page I get this,
MSNGoogleChicago Bears

How do I make it look like this,
Chicago Bears

Also, is there anyway to modify the font attributes like type, size and color?