本例为本人原创，希望楼主点评。
1. 以下是JSP的语法举例（用<%%>分离Java Code和HTML）：
<html>
<head><title>JSP Hello World</title></head>
<body>
<%
String txt_1 = "Hello";
String txt_2 = "World";
out.println(txt_1 + " " + txt_2); //用+加号把两个String连接，用out这个object来print一行。
//This is a comment
/*
This is
a comment
block
*/
%>
</body>
</html>
2. PHP语法举例（用<?php ?>分离PHP Code和HTML）：
<html>
<head><title>PHP Hello World</title></head>
<body>
<?php
$txt_1 = "Hello";
$txt_2 = "World";
echo $txt_1 . " " . $txt_2;//用.点来连接String，用$来定义和使用variable, 用echo来print一行。
//This is a comment
/*
This is
a comment
block
*/
?>
</body>
</html>
3. 对问题的补充回答
你的题目是“jsp php等等如何跟html分离”，我以为你说的是简单的语法呢。。。
“我现在假设前台美工和后台程序员要同时工作，分开写文件”
===============================
对于这个，我是主要做后台JSP的，但也做点美工（因为我会PS会FLASH，不会Illustrator）。我的做法是先用PS或Illustrator（最佳）把网站效果图做出，然后用PS或Illustrator的自带工具割图，生成的HTML有点乱，所以删删改改。HTML编辑工具（随便什么都一样）把网站的设计作好后，给程序员。程序员自己就会复制粘贴的，就和平时自己做的东西一样。
有的时候恐怕要几十人一起做网站（我没做过，只是听说）。这时，可以用CMS，Content Management System。在常用IDE（如Eclipse）会提供这一系统，一般有版本管理，内容更新，权限设置，数据库管理等功能。CMS还可以自己开发，其实不难开发。
其实，HTML怎么写，怎么复制粘贴，怎么和JSP结合都是程序员的事情。美工只负责把网站的效果图做的尽可能好看（用Illustrator, Photoshop, Flash等）。
"美工和程序员写的文件可以把html和asp/php/jsp/等代码完全分离成两个不同文件吗？或者html和js分离。 "
===============================
美工写的只是简单的HTML（文件结尾为.html），没有任何的vbscript,php,java代码。因为同样的HTML代码呈现的效果可能在IE，FireFox，Safari，Opera，GoogleChrome都不同，所以美工要尽量做到写的HTML代码能兼容于不同浏览器，然后把最佳的出纯HTML代码给后台程序员。后台就无须考虑网站效果，和HTML代码的效果兼容不同浏览器等等的问题，后台程序员直接加入逻辑，变成.asp,.aspx,.jsp,.php等文件就行。.js文件可以外链到一个HTML文件里，但二者是不分离的，因为外链一个.js文件，跟加在<script type="text/javascript"></script>里的JavaScript代码是完全一样的效果。另外后台程序员要会写复杂的JavaScript，也要考虑JS兼容于四大浏览器的问题。
“动态生成的html页面是否可以写成两个分离的文件，一个写页面，一个只写程序逻辑。”
===============================
过时的ASP和最广泛应用的PHP都无此功能（PHP在后来也被第3方发明了几种机构，但都非官方组织发明的）。而在JSP中，用不各类MVC结构，都可以达到这点。如：在Apache Struts中，各种Servlet Class都起到business logic和redirect（转向）, forward的作用，而.jsp文件主要负责presentation（效果显示），.jsp文件不可被用户直接访问。也就是说，美工主要需要学会如何写.jsp来实现效果，而后台要会用servlet。而在ASP.NET中，更是有了Code-Behind的模式，其中，presentation文件是个.aspx文件，主要是一些XML代码（是特殊的ASP.NET中的HTML），而code-behind文件是个.vb(用VB.NET写)或.cs（用C#写）等，主要负责business logic。
“动态生成的页面是怎么设计呢？不同的人怎么样同时工作？我的希望就是，我想知道代码出来是什么样的 ”
===============================
无论后台怎么做，美工怎么做，输出给用户看到的都仅仅是HTML（遵循W3C规则）。用户无权看到任何服务器端的东西（business logic或redirect等）。
“有什么介绍这方面的书？”
===============================
没有，这其实不是一个复杂的工作。核心任务是后台，美工只是起到做的好不好看的作用。（就象做一个汽车，外型是次要，重要是车内部的发动机等组成部分）
温馨提示：答案为网友推荐，仅供参考