php and html together help plz..

[Sycoloco1212]

PHP CODE:

<?
include ('./config.php');
$sql = mysql_query("SELECT * FROM ava_cats ORDER BY name");
$total_cats = mysql_result(mysql_query("SELECT COUNT(*) as Num FROM ava_cats"),0);
$total_cats2 = 0;

	while($row = mysql_fetch_array($sql))
	{
	$total_cats2 = ($total_cats2 + 1);
		if($seo_on == 0)
		{
		echo '&nbsp;<a href="'.$site_url.'/index.php?cat_id='.$row['id'].'">'.$row['name'].'</a> ';
		}
		else 
		{
			$abcd= $row['name'];
			$abcd = str_replace (" ", "-", $abcd);	
			echo '&nbsp;<a href="'.$site_url.'/cat/'.$row['id'].'/'.$abcd.'/p1.htm">'.$row['name'].'</a> ';
		}
		if ($cat_numbers == 1) 
		{
		$cat_numb = mysql_result(mysql_query("SELECT COUNT(*) as Num FROM ava_games WHERE catergory_id=".$row['id'].""),0);
		echo '<em>('.$cat_numb.')</em>';
		}
		if($total_cats2 != $total_cats) 
		{
			echo ' |';
		}
	}
?>

HTML CODE

<div class="TFHmenu2">
<ul><li style="float: right;">
<li><a href="#" class="selected">LINK 1</a></li> 
<li><a href="#" >LINK 2</a></li> 
<li><a href="#">LINK 3</a></li> 
<li><a href="#">LINK 4</a></li> 
<li><a href="#">LINK 5</a></li> 
<li><a href="#">LINK 6</a></li> 
<li><a href="#">LINK 7</a></li> 
</ul> </div> 
<br />

how would i put these together?

the php file is a script i use in a admin section off a page i use and it adds a new gategory when i need to, i want the text inside the php file to be more nicer with a background, if anyone can do this then thanks =) also if u know any good sites i can get help with this it would be much appreciated =P