Il codice qui di seguito è di una galleria immagini a slide:

codice:
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>An HTML5 Slideshow w/ Canvas &amp; jQuery | Tutorialzine Demo</title>

<link rel="stylesheet" type="text/css" href="styles.css" />

</head>

<body>

<div id="slideshow">

	<ul class="slides">
    	[*][img]img/photos/1.jpg[/img][*][img]img/photos/2.jpg[/img][*][img]img/photos/3.jpg[/img][*][img]img/photos/4.jpg[/img][/list]

    <span class="arrow previous"></span>
    <span class="arrow next"></span></div>
    
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script src="script.js"></script>
</body>
</html>
Dovrei inserire questo codice in un div di una pagina web esistente... come faccio? Devo eliminare <head>, <body>...?


Grazie