▶1.HTML超文本标记语言
HTML(超文本标记语言)是网页设计的标准化语言,它消除了不同计算机之间信息交流的障碍。人们很少直接使用HTML语言设计网页,而是通过Dreamweaver等软件进行网页设计工作。HTML语言最新版本为2013年推出的HTML 5.1。
网站中,一个网页对应一个HTML文件,HTML文件以.htm或.html为扩展名。HTML是一种文本文件,可以使用任何文本编辑软件(如“记事本”)进行编辑。通过HTML文件中的标记符,告诉浏览器如何显示网页内容,如文字如何处理、图片如何显示等。浏览器按顺序阅读网页文件,然后根据HTML标记符解释和显示其标记的内容。
▶2.利用HTML建立简单网页
例: 利用HTML语言建立一个简单的测试网页。
打开Windows“记事本”程序,编辑以下代码(注释可以不输入),编辑完成后,选择“文件”菜单,选择“另存为”选项,文件名为test.html,保存类型为“所有文件”,单击“保存”按钮,一个简单的网页就编辑好了。双击test.html文件,就可以在浏览器中显示“这是我的测试网页”信息了。
<HTML> <!--声明HTML文档开始-->
<HEAD> <!--标记页面首部开始-->
<TITLE>测试</TITLE> <!--定义页面标题为“测试”-->
</HEAD> <!--标记页面首部结束-->
<BODY> <!--标记页面主体开始-->
<font size="8"> <!--设置字体大小为8号字-->
<P>这是我的测试网页</P> <!--主体部分,显示具体内容-->
<P>这是第2行信息</P> <!--P为段落换行-->
</font> <!--字体设置结束-->
</BODY> <!--标记页面主体结束-->
</HTML> <!--标记HTML文档结束-->
这是我的测试网页
这是第2行信息
▶3.脚本语言
HTML主要用于文本的格式化和链接文本,但是HTML的计算和逻辑判断功能非常差,例如,HTML不能进行1+2这样简单的加法计算。因此,需要在网页中加入脚本语言。
脚本(Script)是一种简单的编程语言。网页脚本语言一般嵌入在网页的HTML语句之中,完成一些判断、计算、事件响应等工作,增强网页的交互性功能。常用的网页脚本语言有JavaScript、PHP等。JavaScript语言可由绝大部分浏览器执行,它是一种事实上的网页脚本语言标准。脚本程序分为客户端脚本(如JavaScript)和服务器端脚本(如PHP),它们分别运行在不同主机中。在网页中嵌入JavaScript脚本代码有以下两种方法。
第一种方法是把JavaScript代码嵌入在网页中,由<script>…</script>标记之内包含的代码就是JavaScript代码。
例:把JavaScript脚本代码嵌入在网页中。
<HTML> <一声明HML,文档开始->
<BODY> <--标记页面首部开始一>
<p>假设y=5,计算x=v+2,并显示结果,</p > <--显示信息-->
|<button οnclick="myFunction()">点击这里</button> <!--调用JavaScript函数,显示按钮-->
<p id="demo"></p > <!--段落标记->
<script> <!--JavaScript脚本开始-->
function myFunction(){ //函数声明,myFunction()是函数名
var y=5; //变量赋值
var x=y+2; //变量赋值
var demoP=document.getElementById("demo") //表达式
demoP.innerHTML="x=" + x; //输出提示信息和计算值
} //程序块结束
</script> <!--JavaScript脚本结束-->
</BODY> <!--标记页面主体结束-->
</HTML> <!--标记HTML文档结束-->
假设 y=5, 计算 x=y+2, 并显示结果。
点击这里
x=7
第二种方法是把JavaScript代码存为一个单独的.js文件,然后在HTML中通过<script src="..."></script>引入这个文件,这种方法更便于代码维护。
<head >
<script src="/static/js/test.js"></script> <!--调用脚本文件test.js-->
</head >
-