▶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 >

-

03-25 10:13