常用的html标签汇总、以及操作过程中的一些bug问题解决方法，以下龙腾飞网络科技-小吴在建站实操中笔记记录，一路走来，一步步学习、总结、整理的一些资料，不用死记硬背，保存使用非常方便，实操过程中遇到了就查询搜索一下，实践出真章，做多了自然就熟悉了：
【定义和用法】
button 标签定义可点击的按钮。
在 button 元素内部，您可以放置文本(以及像 i、b、strong、br、img 等标签)。这是用 input 元素创建的按钮所不能做到的!
提示：请始终为 button 元素指定 type 属性，以告知浏览器它是什么类型的按钮。
提示：您可以使用 CSS 轻松地为按钮添加样式!请查看下面的例子或访问我们的 CSS 按钮教程。
[详细说明]
button 控件 与 input type="button" 相比，提供了更为强大的功能和更丰富的内容。button 与 /button 标签之间的所有内容都是按钮的内容，其中包括任何可接受的正文内容，比如文本或多媒体内容。例如，我们可以在按钮中包括一个图像和相关的文本，用它们在按钮中创建一个吸引人的标记图像。
唯一禁止使用的元素是图像映射，因为它对鼠标和键盘敏感的动作会干扰表单按钮的行为。
请始终为按钮规定 type 属性。Internet Explorer 的默认类型是 "button"，而其他浏览器中(包括 W3C 规范)的默认值是 "submit"。
【属性】
【实例】
例子 1
像这样标记可点击的按钮：
<button type="button">点击我！</button>
例子 2
使用 CSS 设置按钮样式：
<!DOCTYPE html>
<html>
<head>
<style>
.button {
border: none;
color: white;
padding: 15px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
cursor: pointer;
}
.button1 {background-color: #4CAF50;} /* 绿色 */
.button2 {background-color: #008CBA;} /* 蓝色 */
</style>
</head>
<body>
<button class="button button1">绿色</button>
<button class="button button2">蓝色</button>
</body>
</html>
例子 3
使用 CSS 设置按钮样式(带有悬停效果)：
<!DOCTYPE html>
<html>
<head>
<style>
.button {
border: none;
color: white;
padding: 16px 32px;
text-align: center;
text-decoration: none;
display: inline-block;
font-size: 16px;
margin: 4px 2px;
transition-duration: 0.4s;
cursor: pointer;
}
.button1 {
background-color: white;
color: black;
border: 2px solid #4CAF50;
}
.button1:hover {
background-color: #4CAF50;
color: white;
}
.button2 {
background-color: white;
color: black;
border: 2px solid #008CBA;
}
.button2:hover {
background-color: #008CBA;
color: white;
}
</style>
</head>
<body>
<button class="button button1">绿色</button>
<button class="button button2">蓝色</button>
</body>
</html>