内容:,就是制作者放在页面想让访问者浏览的内容 。 主要由java语言提供数据检索、更新、业务处理等。
结构:使内容更加具有逻辑性和易用性,类似于1,2级标题,正文、列表等等。 HTML
表现:用于修饰内容的外观的样式的东西称为表现。 CSS
行为:对内容的交互效果及操作效果,如通过javascript判断表单提交等。 JAVASCRIPT.
下面是例子:
<!DOCTYPE html>
<html>
<head>
<style type="text/css">
h2
{
width:300px;
height:100px;
border:5px solid black;
}
p{
width:300px;
height:180px;
border:1px solid black;
}
.yellow {
background:yellow;
}
</style>
<script type="text/javascript">
/*
当页面加载完成后,执行一个函数
*/
window.onload=function(){
//创建一个对象,表示要改变的网页元素
var h1=document.getElementById("title");
h1.onmouseover=function(){
//这个对象的类名称设置为yellow
this.className="yellow";
}
h1.onmouseout=function(){
//这个对象的类名称设置为yellow
this.className="";
}
}
script/>
<head/>
<body>
<h2 id="title">第十章 传剑</h2>
<p>令狐冲大吃一惊,回过头来,见山洞口站着一个白须青袍老者,神气抑郁,脸如金纸。令狐冲心道:“这老先生莫非便是那晚的蒙面青袍人?他是从哪里来的?怎地站在我身后,我竟没半点知觉?”心下惊疑不定</p>
</body>
</html></td>
</tr>
</tbody>
</table>
</div>