JAVA Web笔记_xiaodiweb 笔记-CSDN博客

HTML部分

标签 与:
相当于段落标签【段落】， 是换行标签【需要换行时换行处 】。段落与段落之间一般会有一个行高的空白距离。而换行则不会使得行与行之间有一段空白的距离。这是二者在页面效果上的区别。

:是用来来组合行内元素，以便通过样式来格式化它们。它所占的大小长度由它的内容来决定，而且不能设置宽高以及边距。主要作用就是对行内的元素进行分组或标识.
如:Harry Knowles

div和span的联系:

div是块级元素，实际上就是一个区域，主要用于容纳其他标签。默认的display属性是block。
span是行内元素，主要用于容纳文字。默认的display属性是inline.
所谓块元素，是以另起一行开始渲染的元素，行内元素则不需另起一行。

CSS部分

JavaScript部分

JavaScript基本语法

alert:弹出一个警告框
document.write("内容"):向页面输出内容
src:导入js文件
JavaScript语言用‘;’号结束一行，有顺序，循环，分支，还有函数以及自定义变量。在Java中比较字符串用equals()方法，在JavaScript中可以直接用‘==’来判断。
函数:function 函数名(参数){
	return 返回值;}

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
  <title>hello</title>

  <!--导入*.js文件-->
  <script language="JavaScript" src="hello.js">
  </script>

  <!--向页面输出内容-->
  <script language="JavaScript">
	document.write("<h1>123,456,789</h1>");
  </script>
 </head>
 <body>
	<!--弹出警告框-->
	<script language="JavaScript">
		alter("警告框！");
	</script>
 </body>
</html>

九九乘法口诀表：

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>99乘法口诀表</title>
<script type="text/javascript">
	document.write("<table border="1">");
	for(i=1;i<=9,i++){
		document.write("<tr>");
		for(j=1;j<=9,j++){
			if(j<=i){
				document.write("<td>"+i+"*"+j+"="i*j+"</td>");	
			}else{
				document.write("<td>&nbsp;</td>");	
			}
		}
		document.write("</tr>");
	}
	document.write("</table>");
</script>
</head>
<body>

</body>
</html>

事件处理

# onLoad="函数名或者其它":表示网页加载时要触发的事件，一旦触发事件后调用的是后面的东西。
#onUnLoad="函数名或其它":表示在要关闭网页时要触发的事件。
#onClick="函数名或其它":表示通过单击触发事件