Java,javascript,html,css的关系

时间:2021-03-29 14:34:27

内容:,就是制作者放在页面想让访问者浏览的内容 。 主要由java语言提供数据检索、更新、业务处理等。

结构:使内容更加具有逻辑性和易用性,类似于1,2级标题,正文、列表等等。 HTML

表现:用于修饰内容的外观的样式的东西称为表现。                                                  CSS

行为:对内容的交互效果及操作效果,如通过javascript判断表单提交等。            JAVASCRIPT.

下面是例子:

<!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
&lt;style type="text/css"&gt;
h2
{
width:300px;
height:100px;
border:5px solid  black;

}
p{
 width:300px;
height:180px;
border:1px solid  black;
}
.yellow {
  background:yellow;
}
&lt;/style&gt;
&lt;script type="text/javascript"&gt;
/*
  当页面加载完成后,执行一个函数
*/
 window.onload=function(){
  //创建一个对象,表示要改变的网页元素
  var h1=document.getElementById("title");
  h1.onmouseover=function(){
   //这个对象的类名称设置为yellow
   this.className="yellow";
  }

h1.onmouseout=function(){
   //这个对象的类名称设置为yellow
   this.className="";
  }
 }

script/>
<head/>
<body>

&lt;h2 id="title"&gt;第十章 传剑&lt;/h2&gt;
&lt;p&gt;令狐冲大吃一惊,回过头来,见山洞口站着一个白须青袍老者,神气抑郁,脸如金纸。令狐冲心道:“这老先生莫非便是那晚的蒙面青袍人?他是从哪里来的?怎地站在我身后,我竟没半点知觉?”心下惊疑不定&lt;/p&gt;
&lt;/body&gt;
&lt;/html&gt;</td>
</tr>
</tbody>
</table>
</div>