作者:
John Stephens
创建日期:
22 一月 2021
更新日期:
1 七月 2024
![使用HTML,CSS和JS构建登录页面](https://i.ytimg.com/vi/mYLI8VQZ7A4/hqdefault.jpg)
内容
除了无数个内置计算器之外,您还可以使用HTML代码在自己的桌面上进行数学运算。要使用HTML创建计算机,您需要学习这种编程语言的一些基本知识,然后将必要的代码复制到文本编辑器中,并将其另存为HTML。现在,您可以在喜欢的浏览器中打开HTML文档,然后开始使用计算机。这样,您不仅可以在浏览器中进行数学运算,还可以学习编程艺术的基础知识!
脚步
第1部分(共4部分):了解您的代码
了解每个html的功能。 用于构建计算机的代码由许多语法片段组成。它们结合在一起以创建文档的许多不同元素。单击此处了解如何熟悉该过程,或者继续阅读以查看将在代码中使用的每一行文本。- html:语法的这一部分告诉文档的其余部分将使用哪种语言。在编程中使用了许多语言 让文档的其余部分知道它是用-正确的-html编写的!
- 头:告诉文档以下内容是有关数据的数据,也称为“元数据”(metadata)。 Comeinand 通常用于定义文档的样式元素,例如标题,标题等。可以将其视为涵盖其余代码的保护伞。
- 标题:这是您命名文档的地方。在html浏览器中打开时,此属性确定文档的标题。
- 身体bgcolor =“#”:此属性指定代码的背景和主体颜色。 #号后的引号中的数字对应于html中的指定颜色
- 文字=“”:用引号引起来的单词指定文档中的文本颜色。
- 表格名称=“”:此属性指定表单的名称。多亏了它,Javascript可以识别出所涉及的表单是什么,并应用从表单构建的结构。例如,在这里,我们使用“计算器”表单,它将为文档创建一个单独的结构。
- 输入类型=“”:这是执行操作的地方。输入类型''属性告诉文档其余括号中的值属于哪种输入类型。它可以是文本,密码,按钮(用于计算机)等。
- 值=“”:此命令告诉文档上面指定的输入类型中包含的内容。使用计算器时,将是数字(1-9)和数学(+,-, *,/,=)。
- onClick =“”:此语法描述一个事件-告诉文档当有人按下按钮时发生的事情。对于计算机,我们希望显示每个按下的按钮。例如,使用“ 6”按钮,我们将document.calculator.ans.value + ='6'放在引号之间。
- br:此标签可帮助您在文档中返回一行。紧随其后的所有内容将显示在其之前的内容的下方。
- /表格,/正文和/ html:这些命令此时告诉文档,初始化的相应命令将终止。
第2部分,共4部分:基本的HTML计算机编程
复制以下代码。 按住并从框的左上角拖动到右下角,在下面的框中选择文本。整个文本将变为绿色。在Mac上按“ Command + C”,在PC上按“ Ctrl + C”,将代码复制到剪贴板。广告
第3部分(共4部分):创建计算机
打开基于计算机的文本编辑器。 有许多选项供您选择,但为方便起见和质量,TextEdit和Notepad是要使用的两个应用程序。- 在Mac上,单击屏幕右上角的放大镜以打开Spotlight。在Spotlight中,键入TextEdit并单击该程序:它必须以绿色突出显示。
- 在您的PC上,打开屏幕左下角的开始菜单。在搜索栏中键入记事本,然后单击右侧结果栏中显示的记事本应用程序。
将计算机生成的HTML代码粘贴到文档中。- 在Mac上,单击文档正文,然后按 “命令+ V”。接下来,您需要单击该项目 “格式” (格式)在屏幕顶部, “使纯文本” 粘贴后(创建空白文本)。
- 在PC上,单击文档正文,然后按“ Ctrl + V”。
保存文件。 单击窗口左上角的“文件”按钮,然后在下拉菜单上单击 “另存为 ...” (另存为)-在PC上,或 “救 ...” (储存)-在Mac上
为文件名添加HTML扩展名。 在“另存为...”菜单中,键入扩展名为“ .html”的文件名,然后单击“保存”。例如,要调用文件“第一台计算机”,您将另存为“ MayTinhDauTien.html”。
第4部分(共4部分):使用计算机
查找您刚刚创建的文件。 如上一步所示,在Spotlight或“开始”菜单搜索栏中输入文件名。您无需输入“ html”扩展名。
单击以打开文件。 默认浏览器将在新网站上打开计算机。
单击计算机上的按钮以使用它。 计算结果将出现在结果栏中。广告
忠告
- 您可以根据需要将此计算机嵌入网页中。
- 您还可以使用样式属性来更改计算机的外观。