Here is a demo page
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>Untitled Document</title>
<style type="text/css">
</style>
</head>
<body>
<div id="imgcontainer"></div>
<script type="text/javascript">
function imgInsert(src,alt,border,width,height,container){
if(!container){
container = document.createElement('div');
document.body.appendChild(container);
}else if(typeof container === 'string'){
container = document.getElementById(container);
}
var img = document.createElement('img');
if(src){
img.src = src
}
if(alt){
img.alt = alt;
}
if(border){
img.border = border;
}
if(width){
img.width = width;
}
if(height){
img.border = height;
}
container.appendChild(img);
}
window.onload = function(){
imgInsert("image.jpg","this is a demo", 0,null,null,"imgcontainer");
}
</script>
</body>
</html>
The only required thing is an image whose name in image.jpg and it should store with this page (the folder in which you've saved this source).