php - div タグと php インクルードの操作

Question

これはおそらく、独学の html では学べなかった基本的な質問です。私のindex.htmlには、次のようにphpファイルを呼び出すdivがあります。

    <div id="portafolio" /> 
<p class="first">Portafolio</p>
<p class="second">Estos son algunos de nuestros proyectos.</p>

<?php include 'portafolio.html'; ?>

<!-end #portafolio ->
</div>

php ファイル内には、いくつかの javascript と、次のような div タグがあります。

    <script type='text/javascript'>

$(document).ready(function(){

$("img.a").hover(
function() {
$(this).stop().animate({"opacity": "0"}, "slow");
},
function() {
$(this).stop().animate({"opacity": "1"}, "slow");
});

});
</script>

<div class="fadehover">
<img src="images/motmotcoffee/motmotcoffee_1BW.jpg" alt="" class="a" />
<img src="images/motmotcoffee/motmotcoffee_1.jpg" alt="" class="b" />
</div>

CSSで定義された上下の境界線を持つphpファイルから印刷されたhtmlが含まれることを期待していますが、そうではありません。私は何を間違っていますか？