web开发学习笔记(1):dreamweaver+html+javascript第一个网页例子

一、开发环境:Adobe Dreamweaver CS5

二、开发语言:HTML + JavaScript  

三、浏览器:Firefox

四、参考书目:《JavaScript开发技术大全》刘智勇 等编著

五、代码:

        4.1  纯HTML语言的第一个网页:新建->HTML

               

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>The development of web</title>  
</head>

<body>
	My First WebPage 。
</body>
</html>

         运行结果:

web开发学习笔记(1):dreamweaver+html+javascript第一个网页例子_第1张图片




   4.2 HTML+js (就是在HTML代码中插入由浏览器解析并运行的脚本语言js)

代码:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>The Web Development </title>
                <!----------------------插入js语言代码------------------------->   
		<script language = "javascript" type = "text/javascript">
			<!--
			document.write("hello world,this is my first js webpage - 1<br>");
			-->
		</script>
		<!----------------------------------------------------------->
    </head>

	<body>		
	</body>
</html>

运行结果:

web开发学习笔记(1):dreamweaver+html+javascript第一个网页例子_第2张图片




<!--..-->标签的使用请查看:http://www.w3school.com.cn/tags/tag_comment.asp


你可能感兴趣的:(JavaScript,html,web开发)