typically the code is something like:
<html>
<head>
<style type="text/css">
body { font-size:12pt; font-family: Arial;}
....
</style>
<script type="text/javascript" src="jquery.1.3.2js"></script>
<script type="text/javascript">
<!--
$(document).ready(function(){
...
});
...
-->
</script>
<meta ... />
</head>
<body>
<div>
<p>
....
</p>
...
</div>
....
</body>
</html>
I like javascript-mode for the syntaxt highlighting and indenting. Likewise for sgml-mode for the HTML. Also I get auto-complete on the open tags. Css-mode is not so important so it's not so much a priority.
That's 3 disparate languages and 3 modes. Right now I've been swapping modes manually as I edit different sections. This works, sort of.
Anyone got a better approach?