HTML语言

▶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文件，就可以在浏览器中显示“这是我的测试网页”信息了。

</HEAD>

<P>这是我的测试网页</P>

</font>

</BODY>

</HTML>

这是我的测试网页

这是第2行信息

▶3.脚本语言

HTML主要用于文本的格式化和链接文本，但是HTML的计算和逻辑判断功能非常差，例如，HTML不能进行1+2这样简单的加法计算。因此，需要在网页中加入脚本语言。

脚本(Script)是一种简单的编程语言。网页脚本语言一般嵌入在网页的HTML语句之中，完成一些判断、计算、事件响应等工作，增强网页的交互性功能。常用的网页脚本语言有JavaScript、PHP等。JavaScript语言可由绝大部分浏览器执行，它是一种事实上的网页脚本语言标准。脚本程序分为客户端脚本(如JavaScript)和服务器端脚本(如PHP),它们分别运行在不同主机中。在网页中嵌入JavaScript脚本代码有以下两种方法。
第一种方法是把JavaScript代码嵌入在网页中，由<script>…</script>标记之内包含的代码就是JavaScript代码。
例：把JavaScript脚本代码嵌入在网页中。

<p>假设y=5,计算x=v+2,并显示结果，</p > <--显示信息-->

|<button οnclick="myFunction()">点击这里</button>        
<p id="demo"></p >

function myFunction(){ //函数声明，myFunction()是函数名

var y=5; //变量赋值

var x=y+2; //变量赋值

var demoP=document.getElementById("demo") //表达式

demoP.innerHTML="x=" + x; //输出提示信息和计算值

} //程序块结束
</script>

</BODY>

</HTML>

假设 y=5, 计算 x=y+2, 并显示结果。

点击这里

x=7

第二种方法是把JavaScript代码存为一个单独的.js文件，然后在HTML中通过<script src="..."></script>引入这个文件，这种方法更便于代码维护。