如何在HTML中制作按钮

如果要在HTML文档中创建一个按钮，该按钮将显示在浏览器的网页中，则必须遵循以下步骤。使用这些步骤，我们可以轻松地创建一个用于调用JavaScript函数的按钮。

步骤1：首先，我们必须在任何文本编辑器中键入Html代码，或在我们要在其中创建按钮的文本编辑器中打开现有的Html文件。

   
    


 
Hello User! 

The following Tag helps us to make a button:

步骤2：现在，将光标移到我们要在网页上显示按钮的位置。然后，在此时输入Html标签。

Any text we want to show on the button 

步骤3：现在，我们必须添加名称为“ type”的button标记的属性。因此，请在开始标记中键入'type'属性。然后，我们必须给出属性的值。因此，我们必须按照以下块中的描述在type属性中键入按钮值。

Any text we want to show on the button 

步骤4：现在，我们必须使用标签的另一个属性，其名称为“ onclick”。因此，在开始标记内的type属性之后键入onclick属性。并且，然后我们必须键入将在用户单击按钮时显示的消息。因此，在onclick属性中将消息键入为值。

 Any text we want to show on the button 

步骤5：最后，我们必须保存HTML代码，然后运行它。执行后，如果我们依次执行上述步骤，我们将在网页上看到该按钮。

   
    


 
Hello User! 

The following Tag helps us to make a button:  

 
Click Here 

下面的屏幕快照显示了以上HTML代码的输出：