多语言展示
当前在线:1211今日阅读:176今日分享:34

如何用HTML编写计算器

要在电脑上做数学题?方法有很多,比如使用内置的计算器,或者自己用简单的HTML代码编写一个计算器。如果你选择第二种方法,首先得了解一些基础的HTML知识,然后将必要的代码复制到文本编辑器中,并以HTML为扩展名保存起来。之后用浏览器打开这个HTML文件,就能使用计算器了。你不仅可以在浏览器做数学题,还能学到基础的编码技巧,可谓一举两得!
工具/原料
1

浏览器

2

Notepad++

了解代码
基本的HTML计算器代码
1

复制下面的代码。选中文本框里的内容。将鼠标移到文本框左上角,按住鼠标,一直往下拖动到右下角,被选中的文本会变成蓝色。之后,在Mac电脑上同时按“Command”和“C”键,如果是PC电脑则同时按“Ctrl”和“C”键,将代码复制到剪贴板。

2

HTML计算器


Solution is

创建计算器
1

打开电脑里的文本编辑程序。许多程序都可以用,但从便利性和质量来看,我们推荐使用TextEdit或Notepad。[9][10]在Mac电脑上,点击屏幕右上角的放大镜,打开Spotlight。输入TextEdit,然后点击以蓝色高亮显示的TextEdit程序。在PC电脑上,打开屏幕左下角的“开始”菜单。在搜索栏中输入Notepad,点击出现在右边搜索结果一栏中的Notepad应用程序。

2

将计算器的HTML代码粘贴到文档中。在Mac电脑上,点击文档主体,同时按下“Command”和“V”键。粘贴代码后,你需要点击屏幕顶端的“格式”,选择“纯文本(Make Plain Text)”。[11]在PC电脑上,点击文档主体,同时按下“Ctrl”和“V”键。

3

保存文件。如果是PC电脑,点击窗口左上方的“文件”按钮,点击“另存为”。如果是Mac,则从下拉菜单中点击“保存”。

4

将HTML扩展名添加到文件名。在“另存为”菜单中,输入文件名,并以“.html”作为后缀,然后点击“保存”。比如说,如果你想将文件命名为“我的计算器”,那就保存为“我的计算器.html”。

使用计算器
1

找到你刚才创建的文件。在Spotlight或“开始”菜单的搜索栏中,输入你在前一步起的文件名。不需要输入“html”扩展名。

2

点击文件打开它。默认浏览器会在新的网页中打开计算器。

3

点击计算器上的按钮来使用它。方程的解会出现在结果栏内。

注意事项
1

你可以将计算器嵌入网页。

2

你也可以用HTML样式改变计算器的外观。

推荐信息