如何使用HTML构建计算机

作者: John Stephens
创建日期: 22 一月 2021
更新日期: 1 七月 2024
Anonim
使用HTML,CSS和JS构建登录页面
视频: 使用HTML,CSS和JS构建登录页面

内容

除了无数个内置计算器之外,您还可以使用HTML代码在自己的桌面上进行数学运算。要使用HTML创建计算机,您需要学习这种编程语言的一些基本知识,然后将必要的代码复制到文本编辑器中,并将其另存为HTML。现在,您可以在喜欢的浏览器中打开HTML文档,然后开始使用计算机。这样,您不仅可以在浏览器中进行数学运算,还可以学习编程艺术的基础知识!

脚步

第1部分(共4部分):了解您的代码

  1. 了解每个html的功能。 用于构建计算机的代码由许多语法片段组成。它们结合在一起以创建文档的许多不同元素。单击此处了解如何熟悉该过程,或者继续阅读以查看将在代码中使用的每一行文本。
    • html:语法的这一部分告诉文档的其余部分将使用哪种语言。在编程中使用了许多语言 让文档的其余部分知道它是用-正确的-html编写的!
    • :告诉文档以下内容是有关数据的数据,也称为“元数据”(metadata)。 Comeinand 通常用于定义文档的样式元素,例如标题,标题等。可以将其视为涵盖其余代码的保护伞。
    • 标题:这是您命名文档的地方。在html浏览器中打开时,此属性确定文档的标题。
    • 身体bgcolor =“#”:此属性指定代码的背景和主体颜色。 #号后的引号中的数字对应于html中的指定颜色
    • 文字=“”:用引号引起来的单词指定文档中的文本颜色。
    • 表格名称=“”:此属性指定表单的名称。多亏了它,Javascript可以识别出所涉及的表单是什么,并应用从表单构建的结构。例如,在这里,我们使用“计算器”表单,它将为文档创建一个单独的结构。
    • 输入类型=“”:这是执行操作的地方。输入类型''属性告诉文档其余括号中的值属于哪种输入类型。它可以是文本,密码,按钮(用于计算机)等。
    • 值=“”:此命令告诉文档上面指定的输入类型中包含的内容。使用计算器时,将是数字(1-9)和数学(+,-, *,/,=)。
    • onClick =“”:此语法描述一个事件-告诉文档当有人按下按钮时发生的事情。对于计算机,我们希望显示每个按下的按钮。例如,使用“ 6”按钮,我们将document.calculator.ans.value + ='6'放在引号之间。
    • br:此标签可帮助您在文档中返回一行。紧随其后的所有内容将显示在其之前的内容的下方。
    • /表格,/正文和/ html:这些命令此时告诉文档,初始化的相应命令将终止。
    广告

第2部分,共4部分:基本的HTML计算机编程


  1. 复制以下代码。 按住并从框的左上角拖动到右下角,在下面的框中选择文本。整个文本将变为绿色。在Mac上按“ Command + C”,在PC上按“ Ctrl + C”,将代码复制到剪贴板。广告

第3部分(共4部分):创建计算机


  1. 打开基于计算机的文本编辑器。 有许多选项供您选择,但为方便起见和质量,TextEdit和Notepad是要使用的两个应用程序。
    • 在Mac上,单击屏幕右上角的放大镜以打开Spotlight。在Spotlight中,键入TextEdit并单击该程序:它必须以绿色突出显示。
    • 在您的PC上,打开屏幕左下角的开始菜单。在搜索栏中键入记事本,然后单击右侧结果栏中显示的记事本应用程序。

  2. 将计算机生成的HTML代码粘贴到文档中。
    • 在Mac上,单击文档正文,然后按 “命令+ V”。接下来,您需要单击该项目 “格式” (格式)在屏幕顶部, “使纯文本” 粘贴后(创建空白文本)。
    • 在PC上,单击文档正文,然后按“ Ctrl + V”。
  3. 保存文件。 单击窗口左上角的“文件”按钮,然后在下拉菜单上单击 “另存为 ...” (另存为)-在PC上,或 “救 ...” (储存)-在Mac上
  4. 为文件名添加HTML扩展名。 在“另存为...”菜单中,键入扩展名为“ .html”的文件名,然后单击“保存”。例如,要调用文件“第一台计算机”,您将另存为“ MayTinhDauTien.html”。

第4部分(共4部分):使用计算机

  1. 查找您刚刚创建的文件。 如上一步所示,在Spotlight或“开始”菜单搜索栏中输入文件名。您无需输入“ html”扩展名。
  2. 单击以打开文件。 默认浏览器将在新网站上打开计算机。
  3. 单击计算机上的按钮以使用它。 计算结果将出现在结果栏中。广告

忠告

  • 您可以根据需要将此计算机嵌入网页中。
  • 您还可以使用样式属性来更改计算机的外观。